@extends('master')

@section('title', 'Resort Search')

@section('description', 'Uni-Vate Properties is a reputable and reliable timeshare reseller, equipped with the best experience and knowledge in providing customers of fast, efficient and personal service.')

@section('keywords', 'Timeshare selling, where to sell my timeshare, Uni-Vate Properties, Uni-Vate timeshare, timeshare for sale, tender weeks available, sell my tender week')

@section('content')
@if(Auth::check())
<div class="container">

    <div class="row mb-4">
        <div class="col-md-12">
            <h1 class="my-4">Availability</h1>
        </div>
        <div class="col-md-6">
            <p>Currently no timeshare weeks are available for current search criteria. </p>

            <p>Let us source out the week you are interested in by sending us a request along with your contact details and we will get back to you.</p>
        </div>
        <div class="col-md-6">
            <form id="mainForm" method="POST" action="/source-week" accept-charset="UTF-8" enctype="multipart/form-data">
            @csrf
                 <div class="form-row">
                    <div class="col-md-6">
                        <lable for="unit">Resort Name</lable>
                        <input class="form-control" type="text" id="resort" name="resort" value="{{ $resort }}" >
                    </div>
                    <div class="col-md-6">
                            <lable for="unit">Region</lable>
                                <select class="form-control" name="region" id="region">
                                    <option value="{{ $region }}">{{ $region }}</option>
                                    <option value="gauteng" {{ old('region') ==  'gauteng' ? 'selected' : '' }}>Gauteng</option>
                                    <option value="Kwazulu Natal" {{ old('region') ==  'Kwazulu Natal'  ? 'selected' : '' }}>Kwazulu Natal</option>
                                    <option value="mpumalanga" {{ old('region') ==  'mpumalanga'  ? 'selected' : '' }}>Mpumalanga</option>
                                    <option value="North West" {{ old('region') ==  'North West'  ? 'selected' : '' }}>North West</option>
                                    <option value="free state" {{ old('region') ==  'free state'  ? 'selected' : '' }}>Free State</option>
                                    <option value="eastern cape" {{ old('region') ==  'eastern cape'  ? 'selected' : '' }}>Eastern Cape</option>
                                    <option value="western cape" {{ old('region') ==  'western cape'  ? 'selected' : '' }}>Western Cape</option>
                                    <option value="northern cape" {{ old('region') ==  'northern cape'  ? 'selected' : '' }}>Northern Cape</option>
                                    <option value="limpopo" {{ old('region') ==  'limpopo'  ? 'selected' : '' }}>Limpopo</option>
                                </select>
                        </div>
                </div>
                <div class="form-row">
                    <div class="col-md-6">
                        <lable for="resortWeek">Minimum Price</lable>
                        <input class="form-control" type="text" id="minPrice" name="minPrice" value="{{ number_format($minPrice, 2) }}">
                    </div>
                    <div class="col-md-6">
                        <lable for="resortWeek">Maximum Price</lable>
                        <input class="form-control" type="text" id="maxPrice" name="maxPrice" value="{{ number_format($maxPrice, 2) }}">
                    </div>
                </div>
                <div class="form-row">
                    <div class="col-md-6">
                        <lable for="module">Arrival Dates From</lable>
                        <input class="form-control" type="date" id="date" name="fromDate" value="{{ $fromDate }}">
                    </div>
                    <div class="col-md-6">
                        <lable for="price">Departure Dates From</lable>
                        <input class="form-control" type="date" name="toDate" id="toDate" value="{{ $toDate }}">
                    </div>
                </div>
                <div class="form-row">
                    <div class="col-md-12">
                        <input class="form-control" type="text" name="name" placeholder="Name" value="{{ Auth::user()->name }} {{ Auth::user()->surname }}">
                    </div>
                </div>
                <div class="form-row">
                    <div class="col-md-12">
                        <input class="form-control" type="text" id="mobile" name="mobile" placeholder="Contact Number" value="{{ Auth::user()->mobile }}">
                    </div>
                </div>
                <div class="form-row">
                    <div class="col-md-12">
                        <input class="form-control" type="email" name="email" placeholder="Email" value="{{ Auth::user()->email }}">
                    </div>
                </div>

                <button class="btn btn-blue" type="submit">ENQUIRE NOW</button>
                <a class="btn btn-blue" href="/to-buy">BACK TO REGIONS</a>
            </form>
        </div>
    </div>
        
</div>

@else
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="container">
    <div class="row">
            <div class="col-md-3 pl-3 pl-md-5 sidebar">
                <br>
                @include('partials.filter2')
                <br>
            </div>
        <div class="col-md-9 offset-md-0">
                <div class="row">
        <div class="col-md-12"> 
                
            <h1 class="my-4">To Buy</h1>
            <p>
                The resorts have been listed in their relevant provinces. Please select the resort for which you would like to view the available weeks and then select the weeks that interest you on the resort page.
            </p>
            
            <p>Arrival and departure dates are indicated but please note that these dates may vary annually.</p>
 
            <p>As with any property related sale, upon purchasing the holiday of your choice, there will be a transfer fee payable for the change of ownership. This fee will depend on the relevant resort or managing agent.</p>
        
        </div>
    </div>
    <div class="row mb-4">
        <div class="col-md-12">
            <div class="accordion" id="accordionExample">
                @if($gauteng!=NULL)
                <div class="card">
                    <a class="btn-link" type="button" data-toggle="collapse" data-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
                        <div class="card-header" id="headingOne">
                            <h2 class="mb-0">
                                Gauteng
                            </h2>
                        </div>
                    </a>

                    <div id="collapseOne" class="collapse show" aria-labelledby="headingOne" data-parent="#accordionExample">
                        <div class="card-body">
                            <p class="mb-0">
                                @foreach($gauteng as $resort)
                                    <a class="text-capitalize" href="/resort/{{ $resort->slug }}"> - {{  $resort->resort }}</a><br/>
                                @endforeach
                            </p>
                        </div>
                    </div>
                </div>
                @endif
                @if($westerncape!=NULL)
                <div class="card">
                    <a class="btn-link collapsed" type="button" data-toggle="collapse" data-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
                        <div class="card-header" id="headingTwo">
                            <h2 class="mb-0">
                                Western Cape
                            </h2>
                        </div>
                    </a>
                    <div id="collapseTwo" class="collapse" aria-labelledby="headingTwo" data-parent="#accordionExample">
                        <div class="card-body">
                            <p class="mb-0">
                                @foreach($westerncape as $resort)
                                    <a class="text-capitalize" href="/resort/{{ $resort->slug }}"> - {{ $resort->resort }}</a><br/>
                                @endforeach
                            </p>
                        </div>
                    </div>
                </div>
                @endif
                @if($limpopo!=NULL)
                <div class="card">
                    <a class="btn-link collapsed" type="button" data-toggle="collapse" data-target="#collapseThree" aria-expanded="false" aria-controls="collapseThree">
                        <div class="card-header" id="headingThree">
                            <h2 class="mb-0">
                                Limpopo
                            </h2>
                        </div>
                    </a>
                    <div id="collapseThree" class="collapse" aria-labelledby="headingThree" data-parent="#accordionExample">
                        <div class="card-body">
                            <p class="mb-0">
                                @foreach($limpopo as $resort)
                                    <a class="text-capitalize" href="/resort/{{ $resort->slug }}"> - {{ $resort->resort }}</a><br/>
                                @endforeach
                            </p>
                        </div>
                    </div>
                </div>
                @endif
                @if($kwazulunatal!=NULL)
                <div class="card">
                    <a class="btn-link collapsed" type="button" data-toggle="collapse" data-target="#collapseFour" aria-expanded="false" aria-controls="collapseFour">
                        <div class="card-header" id="headingFour">
                            <h2 class="mb-0">
                                Kwazulu Natal
                            </h2>
                        </div>
                    </a>
                    <div id="collapseFour" class="collapse" aria-labelledby="headingFour" data-parent="#accordionExample">
                        <div class="card-body">
                            <p class="mb-0">
                                @foreach($kwazulunatal as $resort)
                                    <a class="text-capitalize" href="/resort/{{ $resort->slug }}"> - {{ $resort->resort }}</a><br/>
                                @endforeach
                            </p>
                        </div>
                    </div>
                </div>
                @endif
                @if($northerncape!=NULL)
                <div class="card">
                    <a class="btn-link collapsed" type="button" data-toggle="collapse" data-target="#collapseFive" aria-expanded="false" aria-controls="collapseFive">
                        <div class="card-header" id="headingFive">
                            <h2 class="mb-0">
                                Northern Cape
                            </h2>
                        </div>
                    </a>
                    <div id="collapseFive" class="collapse" aria-labelledby="headingFive" data-parent="#accordionExample">
                        <div class="card-body">
                            <p class="mb-0">
                                @foreach($northerncape as $resort)
                                    <a class="text-capitalize" href="/resort/{{ $resort->slug }}"> - {{ $resort->resort }}</a><br/>
                                @endforeach
                            </p>
                        </div>
                    </div>
                </div>
                @endif
                @if($mpumalanga!=NULL)
                <div class="card">
                    <a class="btn-link collapsed" type="button" data-toggle="collapse" data-target="#collapseSix" aria-expanded="false" aria-controls="collapseSix">
                        <div class="card-header" id="headingSix">
                            <h2 class="mb-0">
                                Mpumalanga
                            </h2>
                        </div>
                    </a>
                    <div id="collapseSix" class="collapse" aria-labelledby="headingSix" data-parent="#accordionExample">
                        <div class="card-body">
                            <p class="mb-0">
                                @foreach($mpumalanga as $resort)
                                    <a class="text-capitalize" href="/resort/{{ $resort->slug }}"> - {{ $resort->resort }}</a><br/>
                                @endforeach
                            </p>
                        </div>
                    </div>
                </div>
                @endif
                @if($northwest!=NULL)
                <div class="card">
                    <a class="btn-link collapsed" type="button" data-toggle="collapse" data-target="#collapseSeven" aria-expanded="false" aria-controls="collapseSeven">
                        <div class="card-header" id="headingSeven">
                            <h2 class="mb-0">
                                North West
                            </h2>
                        </div>
                    </a>
                    <div id="collapseSeven" class="collapse" aria-labelledby="headingSeven" data-parent="#accordionExample">
                        <div class="card-body">
                            <p class="mb-0">
                                @foreach($northwest as $resort)
                                    <a class="text-capitalize" href="/resort/{{ $resort->slug }}"> - {{ $resort->resort }}</a><br/>
                                @endforeach
                            </p>
                        </div>
                    </div>
                </div>
                @endif
                @if($easterncape!=NULL)
                <div class="card">
                    <a class="btn-link collapsed" type="button" data-toggle="collapse" data-target="#collapseEight" aria-expanded="false" aria-controls="collapseEight">
                        <div class="card-header" id="headingEight">
                            <h2 class="mb-0">
                                Eastern Cape
                            </h2>
                        </div>
                    </a>
                    <div id="collapseEight" class="collapse" aria-labelledby="headingEight" data-parent="#accordionExample">
                        <div class="card-body">
                            <p class="mb-0">
                                @foreach($easterncape as $resort)
                                    <a class="text-capitalize" href="/resort/{{ $resort->slug }}"> - {{ $resort->resort }}</a><br/>
                                @endforeach
                            </p>
                        </div>
                    </div>
                </div>
                @endif
            </div>
        </div>
    </div>
    </div>
    </div>
</div>
<script>
        $(document).ready(function () {
            $("#region").change(function () {
                var val = $(this).val();
                if (val == "gauteng") {
                    $.getJSON("https://www.tradeunipoint.com/unibackend/seam/resource/rest/products/resorts/GA/", function(json){
                        $('#resort').empty();
                        $('#resort').append($('<option>').text("Resort"));
                        $.each(json, function(i, obj){
                                $('#resort').append($('<option>').text(obj.resortName).attr('value', obj.resortName));
                        });
                    });
                }
                
                else if (val == "western cape") {
                    $.getJSON("https://www.tradeunipoint.com/unibackend/seam/resource/rest/products/resorts/WC/", function(json){
                        $('#resort').empty();
                        $('#resort').append($('<option>').text("Resort"));
                        $.each(json, function(i, obj){
                                $('#resort').append($('<option>').text(obj.resortName).attr('value', obj.resortName));
                        });
                    });
                }
                
                else if (val == "limpopo") {
                    $.getJSON("https://www.tradeunipoint.com/unibackend/seam/resource/rest/products/resorts/LI/", function(json){
                        $('#resort').empty();
                        $('#resort').append($('<option>').text("Resort"));
                        $.each(json, function(i, obj){
                                $('#resort').append($('<option>').text(obj.resortName).attr('value', obj.resortName));
                        });
                    });
                }
                
                else if (val == "Kwazulu Natal") {
                    $.getJSON("https://www.tradeunipoint.com/unibackend/seam/resource/rest/products/resorts/KZN/", function(json){
                        $('#resort').empty();
                        $('#resort').append($('<option>').text("Resort"));
                        $.each(json, function(i, obj){
                                $('#resort').append($('<option>').text(obj.resortName).attr('value', obj.resortName));
                        });
                    });
                }
                
                else if (val == "mpumalanga") {
                    $.getJSON("https://www.tradeunipoint.com/unibackend/seam/resource/rest/products/resorts/MP/", function(json){
                        $('#resort').empty();
                        $('#resort').append($('<option>').text("Resort"));
                        $.each(json, function(i, obj){
                                $('#resort').append($('<option>').text(obj.resortName).attr('value', obj.resortName));
                        });
                    });
                }
                
                else if (val == "North West") {
                    $.getJSON("https://www.tradeunipoint.com/unibackend/seam/resource/rest/products/resorts/NW/", function(json){
                        $('#resort').empty();
                        $('#resort').append($('<option>').text("Resort"));
                        $.each(json, function(i, obj){
                                $('#resort').append($('<option>').text(obj.resortName).attr('value', obj.resortName));
                        });
                    });
                }
                
                else if (val == "eastern cape") {
                    $.getJSON("https://www.tradeunipoint.com/unibackend/seam/resource/rest/products/resorts/EC/", function(json){
                        $('#resort').empty();
                        $('#resort').append($('<option>').text("Resort"));
                        $.each(json, function(i, obj){
                                $('#resort').append($('<option>').text(obj.resortName).attr('value', obj.resortName));
                        });
                    });
                }
                else if (val == "free state") {
                    $.getJSON("https://www.tradeunipoint.com/unibackend/seam/resource/rest/products/resorts/FS/", function(json){
                        $('#resort').empty();
                        $('#resort').append($('<option>').text("Resort"));
                        $.each(json, function(i, obj){
                                $('#resort').append($('<option>').text(obj.resortName).attr('value', obj.resortName));
                        });
                    });
                }
                else if (val == "northern cape") {
                    $.getJSON("https://www.tradeunipoint.com/unibackend/seam/resource/rest/products/resorts/NC/", function(json){
                        $('#resort').empty();
                        $('#resort').append($('<option>').text("Resort"));
                        $.each(json, function(i, obj){
                                $('#resort').append($('<option>').text(obj.resortName).attr('value', obj.resortName));
                        });
                    });
                }
                else {
                   // $("#resort").html("<option value=''>Please Select</option><option value='Little Eden'>Little Eden</option><option value='Little Eden'>Manzi Monate</option><option value='Kagga Kamma Nature Reserve'>Kagga Kamma Nature Reserve</option><option value='Mabalingwe Nature Reserve'>Mabalingwe Nature Reserve</option><option value='Margate Beach Club'>Margate Beach Club</option><option value='Sandy Place'>Sandy Place</option><option value='Uvongo River Resort'>Uvongo River Resort</option><option value='Jackalberry Ridge'>Jackalberry Ridge</option><option value='Ngwenya Lodge'>Ngwenya Lodge</option><option value='Sudwala Lodge'>Sudwala Lodge</option><option value='Verlorenkloof'>Verlorenkloof</option><option value='Mount Amanzi'>Mount Amanzi</option>");
                   
                   $.getJSON("https://www.tradeunipoint.com/unibackend/seam/resource/rest/products/resorts/list/", function(json){
                    $('#resort').empty();
                    $('#resort').append($('<option>').text("Resort"));
                    $.each(json, function(i, obj){
                            $('#resort').append($('<option>').text(obj.resortName).attr('value', obj.resortName));
                    });
            });

                }
            })
        }
        );
</script>
@endif
@stop