@extends('mainlayout')


@section('content')

<div class="page-title-section section" style="padding-bottom: 2px;">
    <div class="row justify-content-between align-items-center max-mb-20" style="padding:0em 4em;margin:0em">
        <div class="col-sm-auto col-12 max-mb-10">
            <h3 class="title" style="text-align:left;font-size: 32px;">Bagamoyo Plan</h3>
        </div>
        <div class="col-sm-auto col-12 max-mb-10">
        
          <a href="/bookvisit" class="btn btn-success btn-hover-secondary btn-width-100" style="height:36px">Book A Visit</a>

        </div>
    </div>
</div>


<div class="about-location-section section" style="padding-bottom: 64px;">
    <div class="container">
        <div class="row">
            <div class="col-12">

                    <p>Location Located at a peaceful Location Of Bagamoyo.</p>
              
            </div>
        </div>
    </div>
</div>



<div class="location-section section section-padding-bottom">
            <div class="container">
                <div class="row align-items-lg-center">
                    <div class="col-xl-6 col-md-6">
                       <div id="mapsvg"></div>
                    </div>
                    <div class="col-xl-6 col-md-6">
                        <div class="row" style="margin:0em">
                            <div class="col-12 scroll">
                                                                  
                                 <table class="lp-list-table table">
                                                    <thead>
                                                        <tr>
                                                            <th></th>
                                                        </tr>
                                                    </thead>
                                                    <tbody id="mapsvg-menu-regions">
                                                    </tbody>
                                </table>
                                                <table class="lp-list-table table">
                                                    <thead>
                                                        <tr>
                                                            <th >No</th>
                                                            <th>Area</th>
                                                            <th>Price</th>
                                                            <th>Status</th>
                                                            <th></th>
                                                        </tr>
                                                    </thead>
                                                    <tbody>
                                                        <tr>
                                                            <td>1</td>
                                                            <td class="column-course">
                                                                <a href="JavaScript:Void(0);">500</a>
                                                            </td>
                                                            <td class="column-quiz column-quiz-1308">
                                                                11,000
                                                            </td>
                                                            <td>Available</td>
                                                            
                                                            <td><a href="/checkout" class="btn btn-info" style="height:24px">Buy</a></td>
                                                        </tr>

                                                        <tr>
                                                            <td>2</td>
                                                            <td class="column-course">
                                                                <a href="JavaScript:Void(0);">500</a>
                                                            </td>
                                                            <td class="column-quiz column-quiz-1308">
                                                                11,000
                                                            </td>

                                                            <td>Available</td>
                                                            
                                                            <td><a href="/checkout" class="btn btn-info" style="height:24px">Buy</a></td>
                                                        </tr>

                                                        <tr>
                                                            <td>3</td>
                                                            <td class="column-course">
                                                                <a href="JavaScript:Void(0);">500</a>
                                                            </td>
                                                            <td class="column-quiz column-quiz-1308">
                                                                11,000
                                                            </td>
                                                            <td>Sold</td>
                                                            
                                                            <td><button class="btn btn-light" style="height:24px" disabled>Sold</button></td>
                                                        </tr>

                                                    </tbody>
                                                </table>
                                </div>
                        </div>

                    </div>
                </div>
            </div>
</div>




<div class="reviews-section section" style="padding-bottom: 42px;">
    <div class="container">
        <div class="row">
            <div class="col-lg-6">

                <h6 class="title">Terms &amp; Conditions</h6>

                    <p style="margin:0em">1. Pay With Cash Or Installments</p>
                    <p style="margin:0em">2. Installments can be made in 24Hours</p>
                    <p style="margin:0em">3. Title deed will be provided upo full payment</p>
              
            </div>
            <div class="col-lg-6">
                <iframe style="height:144px;width:256px" src="https://www.youtube.com/embed/cx3ZlO9vixs" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
             
            </div>
        </div>
    </div>
</div>


<!-- Course Details Section Start -->
        <div class="section">
            <div class="container">
                <div class="row max-mb-n50">

                    <div class="col-lg-12 col-12 order-lg-1 max-mb-50">
                        <!-- Course Details Wrapper Start -->
                        <div class="course-details-wrapper">
                            <div class="course-nav-tab">
                                <ul class="nav">
                                   
                                    <li><a class="active" data-toggle="tab" href="#reviews">Reviews</a></li>
                                     <li><a data-toggle="tab" href="#write">Write Review</a></li>
                                </ul>
                            </div>
                            <div class="tab-content">

                                <div id="reviews" class="tab-pane fade show active">
                                    <div class="course-reviews">
                                        
                                        <div class="course-reviews-area">
                                            <ul class="course-reviews-list">
                                                <li class="review">
                                                    <div class="review-container">
                                                        
                                                        <div class="review-content" style="margin-left:0px">
                                                            <h4 class="title">ednawatson</h4>
                                                           
                                                            <div class="review-text">
                                                                Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
                                                            </div>
                                                        </div>
                                                    </div>
                                                </li>


                                                <li class="review">
                                                    <div class="review-container">
                                                        
                                                        <div class="review-content" style="margin-left:0px">
                                                            <h4 class="title">ednawatson</h4>
                                                           
                                                            
                                                            <div class="review-text">
                                                                Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
                                                            </div>
                                                        </div>
                                                    </div>
                                                </li>

                                            </ul>
                                        </div>
                                    </div>
                                </div>

                                <div id="write" class="tab-pane fade">

                                    <div class="contact-form-section section" style="margin-bottom:4em">
                                        <div class="container">
                                            <div class="row">
                                                <div class="col-lg-8">

                                                    @if(Auth::check())
                                        
                                                    <div class="contact-form">
                                                        <form action="" id="contact-form" method="post">
                                                            <div class="row max-mb-n30">
                                                                
                                                                <div class="col-12 max-mb-30">
                                                                    <textarea name="message" placeholder="Message"></textarea>
                                                                </div>
                                                                <div class="col-12 mb-30">
                                                                    <button class="btn btn-primary btn-hover-secondary btn-width-180 btn-height-60">Submit</button>
                                                                </div>
                                                            </div>
                                                        </form>
                                                    </div>

                                                    @else

                                                    <div class="contact-form">
                                                         <div class="row max-mb-n30">
                                                                
                                                                <div class="col-12 mb-30">
                                                                    <a href="/login" class="btn btn-primary btn-hover-secondary btn-height-60">Login To Write Your Review</a>
                                                                </div>
                                                            </div>
                                                    </div>
                                                    @endif
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    
                                </div>

                                
                            </div>
                        </div>
                        <!-- Course Details Wrapper End -->
                    </div>

                </div>
            </div>
        </div>
        <!-- Course Details Section End -->




@endsection