@extends('layout')

@inject('carbon', 'Carbon\Carbon')

@section('content')
    <div class=" page-header-light" style="border-radius: 0px;">
        <div class="d-flex justify-content-between align-items-center mx-3 my-2">
            <div class="d-flex flex-column tailwind-scope">
                <h4 class="text-white text-2xl font-bold">Propriétés & Maintenance</h4>
                <p class="text-white text-sm">Gestion des logements</p>
            </div>
            @include('shared.navbar')
        </div>
    </div>

    <div class="page-content">
        <div class="content">
            <form class="wizard-form steps-validation" action="{{ route('property.update',$property->id) }}"
                  method="post" enctype="multipart/form-data" data-fouc>
                {{ csrf_field() }}
                {{ method_field('PUT') }}

                <h6>INFORMATIONS DE BASE</h6>
                <fieldset>
                    <div class="row">
                        <div class="col-md-6">
                            <div class="form-group">
                                <label>Type de propriété: </label>
                                <select name="property_type_id" data-placeholder="Type de propriété"
                                        class="form-control form-control-select custom-input">
                                    <option value="1" {{ $property->property_type_id == "1" ? 'selected' : '' }}>
                                        Appartement
                                    </option>
                                    <option value="2" {{ $property->property_type_id == "2" ? 'selected' : '' }}>Hotel
                                    </option>
                                    <option value="3" {{ $property->property_type_id == "3" ? 'selected' : '' }}>Villa
                                    </option>
                                </select>
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="form-group">
                                <label>C'est à l'étage :</label>
                                <select class="form-control form-control-select custom-input" name="floor">
                                    <option value="1" {{ $property->floor == "1" ? 'selected' : '' }}>Sous-sol</option>
                                    <option value="2" {{ $property->floor == "2" ? 'selected' : '' }}>sol</option>
                                    <option value="3" {{ $property->floor == "3" ? 'selected' : '' }}>1</option>
                                    <option value="4" {{ $property->floor == "4" ? 'selected' : '' }}>2</option>
                                    <option value="5" {{ $property->floor == "5" ? 'selected' : '' }}>3</option>
                                    <option value="6" {{ $property->floor == "6" ? 'selected' : '' }}>4</option>
                                </select>
                            </div>
                        </div>
                    </div>

                    <div class="row">
                        <div class="col-md-6">
                            <label>Description:</label>
                            @php
                                $descriptions = json_decode($property->descriptions, true);
                                $formattedDescriptions = '';

                                if ($descriptions && isset($descriptions['Description'])) {
                                    $descriptionsArray = is_array($descriptions['Description'])
                                                         ? $descriptions['Description']
                                                         : [$descriptions['Description']];

                                    foreach ($descriptionsArray as $desc) {
                                        $text = html_entity_decode($desc['Text']['@cdata'] ?? '');
                                        $houseRules = html_entity_decode($desc['HouseRules']['@cdata'] ?? '');

                                        if ($text) {
                                            $formattedDescriptions .= $text . "\n";
                                        }
                                        if ($houseRules) {
                                            $formattedDescriptions .= "\n" . $houseRules . "\n";
                                        }
                                    }
                                } else {
                                    $formattedDescriptions = $property->descriptions;
                                }
                            @endphp

                            <textarea name="descriptions" rows="8" cols="4" class="form-control custom-input">{{ $formattedDescriptions }}</textarea>

                        </div>
                        <div class="col-md-6">
                            <div class="form-group">
                                <label>Propriétaire :<span class="text-danger">*</span></label>
                                <select class="form-control form-control-select custom-input" name="tll_owner_id">
                                    <option value="" selected>-- Sélectionner un propriétaire --</option>
                                    @foreach($owners as $o)
                                        <option
                                            value="{{ $o->id }}" {{ $o->id == $property->tll_owner_id ? 'selected' : '' }}>
                                            {{ $o->name }}
                                        </option>
                                    @endforeach
                                </select>
                            </div>
                        </div>
                    </div>

                    <div class="row">
                        <div class="col-md-6">
                            <div class="form-group">
                                <label>Commission TLL (%): </label>
                                <input type="text" name="commission_tll" value="{{$property->commission_tll}}"
                                       class="form-control custom-input" placeholder="Commission TLL (%)">
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="form-group">
                                <label>Frais de menage: </label>
                                <input type="text" name="cleaning_price" value="{{$property->cleaning_price}}"
                                       class="form-control custom-input" placeholder="Frais de menage">
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="form-group">
                                <label>Url dans site Property: </label>
                                <input type="text" name="property_url" value="{{$property->property_url}}"
                                       class="form-control custom-input" placeholder="Url dans site Property">
                            </div>
                        </div>
                    </div>

                    <div class="row">
                        <div class="col-md-6">
                            <div class="form-group">
                                <label>Nom de la propriété: <span class="text-danger">*</span></label>
                                <input type="text" name="name" class="form-control custom-input" value="{{ $property->name }}"
                                       placeholder="Nom de la propriété">
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="form-group">
                                <label>Nombre des gens: <span class="text-danger">*</span></label>
                                <input type="text" name="standard_guests" value="{{$property->standard_guests}}"
                                       class="form-control touchspin-empty custom-input">
                            </div>
                        </div>
                    </div>

                    <div class="row">
                        <div class="col-md-12">
                            <div class="form-group row">
                                <label class="col-lg-2 col-form-label font-weight-semibold">Photos :</label>
                                <div class="col-lg-10">
                                    @if ($property->images != null)
                                        <input type="file" class="file-input-ajax"
                                               value="@foreach(json_decode($property->images, true) as $key =>  $image) {{$image['@value']}} @endforeach"
                                               multiple="multiple" data-fouc>
                                    @else
                                        <input type="file" class="file-input-ajax" value="" multiple="multiple"
                                               data-fouc>
                                    @endif
                                    <span class="form-text text-muted">Choisissez d'ajouter des photos individuellement ou en bloc. Réorganiser en faisant glisser. La taille de la photo ne peut pas dépasser 2 Mo. Pour chaque téléchargement groupé, la taille totale ne peut pas dépasser 10 Mo.</span>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="row">
                        <div class="col-md-6">
                            <label>Emplacement:</label>
                            <div class="row">
                                <div class="col-md-4">
                                   
                                    
                                                   <div class="form-group">
                                {{-- <label>Location :</label> --}}
                                <select class="form-control  custom-input" name="location_id">
                                  
                                    @foreach($locations as $location)
                                        <option
                                            value="{{ $location->location_id }}" {{ $location->location_id === $property->location_id ? 'selected' : '' }}>
                                            {{ $location->value }}
                                        </option>
                                    @endforeach
                                    
                                </select>
                            </div>
                                </div>
                                <div class="col-md-4">
                                    <div class="form-group">
                                        <input type="text" name="street" value="{{ $property->street }}"
                                               class="form-control custom-input"
                                               placeholder="Street name and number">
                                    </div>
                                </div>
                                <div class="col-md-4">
                                    <div class="form-group">
                                        <input type="text" name="zipcode" value="{{ $property->zipcode }}"
                                               class="form-control custom-input"
                                               placeholder="Code postal">
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="form-group">
                                <label>Synchronisé avec rental united :</label>
                                <select class="form-control form-control-select custom-input" name="is_active">
                                    <option value="1" {{ $property->is_active == '1' ? 'selected' : '' }}>Oui
                                    </option>
                                    <option value="0" {{ $property->is_active == '0' || $property->is_active== null  ? 'selected' : '' }}>Non
                                    </option>
                                </select>
                            </div>
                        </div>
                    </div>

                    <div class="row">
                        <div class="col-md-12">
                            <div class="map-container" id="map_marker_simple"></div>
                        </div>
                    </div>
                    <div class="row"><br></div>
                    <div class="row">
                        <div class="col-md-6">
                            <div class="form-group">
                                <label>la taille totale (m²): </label>
                                <input type="text" name="latitude" class="form-control custom-input"
                                       value="{{ $property->latitude }}" placeholder="la taille totale (m²)">
                            </div>
                        </div>

                        <div class="col-md-6">
                            <div class="form-group">
                                <label>la taille totale (sqf): </label>
                                <input type="text" name="longitude" class="form-control custom-input"
                                       value="{{ $property->longitude }}" placeholder="la taille totale">
                            </div>
                        </div>
                    </div>
                </fieldset>

                <h6>COMMODITÉS</h6>
                <fieldset>
                    <div class="row">
                        <div class="col-md-6">
                            <div class="form-group">
                                <label>Nombre de chambres lit simple: </label>
                                <input type="text" name="bed_simple_number" value="{{ $property->bed_simple_number }}"
                                       class="form-control touchspin-empty">
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="form-group">
                                <label>Nombre de chambres lit double: </label>
                                <input type="text" name="bed_double_number" value="{{ $property->bed_double_number }}"
                                       class="form-control touchspin-empty">
                            </div>
                        </div>
                    </div>
                             <div class="row">
                        <div class="col-md-6">
                            <div class="form-group">
                                <label>Nombre de salles de bain: </label>
                                <input type="text" name="sdb_number" value="{{ $property->sdb_number }}"
                                       class="form-control touchspin-empty">
                            </div>
                        </div>
                    </div>
                </fieldset>

                <h6>PRIX & DISPONIBILITÉ</h6>
                <fieldset>
                    <div class="row">
                        <div class="col-md-12">
                            <label>Ajouter/Modifier la saison:</label>
                            <ul id="fieldList" style="max-width: 943px;">
                                <li>
                                    <input name="season_seasonName[]" class="form-control" type="text"
                                           placeholder="Nom de la saison"/>
                                </li>
                                <li>
                                    <input name="season_from[]" class="form-control" type="text" placeholder="Date de"/>
                                </li>
                                <li>
                                    <input name="season_to[]" class="form-control" type="text" placeholder="Date à"/>
                                </li>
                                <li>
                                    <input name="season_daily[]" class="form-control" type="text"
                                           placeholder="Prix journalier"/>
                                </li>
                                <li>
                                    <input name="season_extra[]" class="form-control" type="text"
                                           placeholder="Prix invité supplémentaire"/>
                                </li>
                            </ul>
                            <br>
                            <button class="btn btn-primary" id="addMore">Ajouter</button>
                            <br><br>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-md-12">
                            <label>Frais et taxes:</label>
                            <ul id="fieldList2" style="max-width: 943px;">
                                <li>
                                    <input name="fee_kind[]" class="form-control" type="text" placeholder="Kind"/>
                                </li>
                                <li>
                                    <input name="fee_calculation_type[]" class="form-control" type="text"
                                           placeholder="Calculation type"/>
                                </li>
                                <li>
                                    <input name="fee_value[]" class="form-control" type="text" placeholder="Value"/>
                                </li>
                                <li>
                                    <input name="fee_collection_time[]" class="form-control" type="text"
                                           placeholder="Collection time"/>
                                </li>
                                <li>
                                    <input name="fee_optional[]" class="form-control" type="text"
                                           placeholder="Optional"/>
                                </li>
                            </ul>
                            <br>
                            <button class="btn btn-primary" id="addMore2">Ajouter</button>
                            <br><br>
                        </div>
                    </div>
                </fieldset>

                <h6>PAIEMENTS</h6>
                <fieldset>
                    <div class="row">
                        <div class="col-md-12">
                            <label>Cancellation Policy:</label>
                            <ul id="fieldList3" style="max-width: 545px;">
                                <li>
                                    <input name="policy_from[]" class="form-control" type="text" placeholder="From"/>
                                </li>
                                <li>
                                    <input name="policy_to[]" class="form-control" type="text" placeholder="To"/>
                                </li>
                                <li>
                                    <input name="policy_charge[]" class="form-control" type="text"
                                           placeholder="Charge (%)"/>
                                </li>
                            </ul>
                            <br>
                            <button class="btn btn-primary" id="addMore3">Ajouter</button>
                            <br><br>
                        </div>
                    </div>
                </fieldset>

                <div class="d-flex justify-content-between align-items-center">
                    <button type="submit" class="btn bg-success text-white ml-3">Modifier <i class="icon-paperplane ml-2"></i>
                    </button>
                </div>

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

    <script src="{{ asset('backAssets/global_assets/js/plugins/forms/inputs/touchspin.min.js') }}"></script>
    <script src="{{ asset('backAssets/global_assets/js/plugins/uploaders/fileinput/plugins/purify.min.js') }}"></script>
    <script
        src="{{ asset('backAssets/global_assets/js/plugins/uploaders/fileinput/plugins/sortable.min.js') }}"></script>
    <script src="{{ asset('backAssets/global_assets/js/plugins/uploaders/fileinput/fileinput.min.js') }}"></script>
    <script src="{{ asset('backAssets/global_assets/js/demo_pages/form_input_groups.js') }}"></script>
    <script src="{{ asset('backAssets/global_assets/js/demo_pages/uploader_bootstrap.js') }}"></script>
    <script src="{{ asset('backAssets/global_assets/js/plugins/forms/wizards/steps.min.js') }}"></script>
    <script src="{{ asset('backAssets/global_assets/js/plugins/forms/selects/select2.min.js') }}"></script>
    <script src="{{ asset('backAssets/global_assets/js/plugins/forms/styling/uniform.min.js') }}"></script>
    <script src="{{ asset('backAssets/global_assets/js/plugins/forms/inputs/inputmask.js') }}"></script>
    <script src="{{ asset('backAssets/global_assets/js/plugins/forms/validation/validate.min.js') }}"></script>
    <script src="{{ asset('backAssets/global_assets/js/plugins/extensions/cookie.js') }}"></script>
    <script src="{{ asset('backAssets/global_assets/js/demo_pages/form_wizard.js') }}"></script>
    <script src="{{ asset('backAssets/global_assets/js/demo_pages/maps/google/markers/simple.js') }}"></script>
    <script src="{{ asset('backAssets/global_assets/js/demo_pages/maps/google/markers/animation.js') }}"></script>
    <script
        src="{{ asset('backAssets/global_assets/js/demo_pages/maps/google/markers/symbols_predefined.js') }}"></script>
    <script src="{{ asset('backAssets/global_assets/js/demo_pages/maps/google/markers/symbols_custom.js') }}"></script>
    <script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyDpNamTwPhnNToA5n-ULcuc5JjHru7s7Yc"></script>
    <script>
        $(function () {
            $("#addMore").click(function (e) {
                e.preventDefault();
                $("#fieldList").append("<li>&nbsp;</li>");
                $("#fieldList").append("<li><input type='text' class='form-control ' name='seasonName[]' placeholder='Nom de la saison' /></li>");
                $("#fieldList").append("<li><input type='text' class='form-control ' name='phone[]' placeholder='Date de' /></li>");
                $("#fieldList").append("<li><input type='text' class='form-control ' name='email[]' placeholder='Date à' /></li>");
                $("#fieldList").append("<li><input type='text' class='form-control ' name='dayly[]' placeholder='Prix journalier' /></li>");
                $("#fieldList").append("<li><input type='text' class='form-control ' name='extra[]' placeholder='Prix invité supplémentaire' /></li>");
            });
        });
        $(function () {
            $("#addMore2").click(function (e) {
                e.preventDefault();
                $("#fieldList2").append("<li>&nbsp;</li>");
                $("#fieldList2").append("<li><input type='text' class='form-control ' name='seasonName[]' placeholder='Kind' /></li>");
                $("#fieldList2").append("<li><input type='text' class='form-control ' name='phone[]' placeholder='Calculation type' /></li>");
                $("#fieldList2").append("<li><input type='text' class='form-control ' name='email[]' placeholder='Value' /></li>");
                $("#fieldList2").append("<li><input type='text' class='form-control ' name='dayly[]' placeholder='Collection time' /></li>");
                $("#fieldList2").append("<li><input type='text' class='form-control ' name='extra[]' placeholder='Optional' /></li>");
            });
        });
        $(function () {
            $("#addMore3").click(function (e) {
                e.preventDefault();
                $("#fieldList3").append("<li>&nbsp;</li>");
                $("#fieldList3").append("<li><input type='text' class='form-control ' name='seasonName[]' placeholder='From' /></li>");
                $("#fieldList3").append("<li><input type='text' class='form-control ' name='phone[]' placeholder='To' /></li>");
                $("#fieldList3").append("<li><input type='text' class='form-control ' name='email[]' placeholder='Charge (%)' /></li>");
            });
        });
    </script>
@endsection