@php
    use Carbon\Carbon;
@endphp

@extends('layouts.root')
<!-- Les scripts spécifiques à cette vue enfant vont ici -->
@section('styles')

@endsection

@section('root-content')

<div class="dashboard-widg-bar d-block">


    <!-- Header Wrap -->
    <div class="row">
        <div class="col-xl-7 col-lg-7 col-md-7 col-sm-7">
            <div class="card">
                <div class="card-header">

                    <div class="_mp-inner-content elior">
                        <div class="_mp_inner-first">
                            <form method="GET" action="{{ route('root.search_demande') }}">
                                @csrf
                                <div class="search-inline">
                                    <input type="text" class="form-control" name="keyword" placeholder="Code, Libellé etc.">
                                    <button type="submit" class="btn btn-primary"><i class="bi bi-search"></i></button>
                                </div>
                            </form>
                        </div>
                        <div class="_mp_inner-last">
                            <button type="button" class="btn btn-primary text-light">DEMANDES DE PRESTATION</button>
							<button type="button" class="btn text-light btn-primary ms-2">
                                {{ $demandes->count() }}
                            </button>
                        </div>
                    </div>
                </div>
                <div class="card-body">
                    <div class="table-responsive">
                        <table class="table">
                            <thead>
                                <tr>
                                  <th scope="col">Demade</th>
                                  <th scope="col">Actions</th>
                                </tr>
                            </thead>
                            <tbody>
                                @if($demandes->count() > 0)
                                    @foreach($demandes as $item)
                                    <tr>
                                        <td>
                                            <span><strong class="text-primary">{{ $item->libelle }}</strong></span><br>
                                            <span>
                                                <strong class="text-primary">Secteur : </strong>
                                                {{ $item->secteur->libelle }}
                                            </span><br>
                                            <span>
                                                <strong class="text-primary">Service : </strong>
                                                {{ $item->service->libelle }}
                                            </span><br>
                                            <span>
                                                <strong class="text-primary">Prestation : </strong>
                                                {{ $item->prestation->libelle }}
                                            </span><br>
                                            <span>
                                                <strong class="text-primary">Budget : </strong>
                                                {{ $item->budget ?? 0.00 }}
                                            </span><br>
                                            <span>
                                                <strong class="text-primary">Client : </strong>
                                                {{ $item->noms . ' ' . $item->prenoms }}
                                            </span><br>
                                            <span>
                                                <strong class="text-primary">Contact : </strong>
                                                {{ $item->email }}, {{ $item->phone }}
                                            </span><br>
                                            <span>
                                                <strong class="text-primary">Adresse : </strong>
                                                {{ $item->adresse }}
                                            </span><br>
                                            <span>
                                                <strong class="text-primary">Localisation : </strong>
                                                {{ $item->pays->libelle }}, {{ $item->province->libelle }}, {{ $item->ville->libelle }}
                                            </span><br>
                                            <span>
                                                <strong class="text-primary">Planning : </strong>
                                                {{ $item->date_prestation }}, {{ $item->heure_prestation }}
                                            </span><br>
                                            <span>
                                                <strong class="text-primary">Statut : </strong>
                                                <em class="text-success">{{ $item->statut }}</em>
                                            </span><br>
                                            <span>
                                                <strong class="text-primary">Description : </strong><br>
                                                <em>{!! $item->description !!}</em>
                                            </span>
                                            <span class="text-primary">
                                                <i class="bi bi-clock"></i>
                                                &nbsp;
                                                {{ Carbon::parse($item->created)->diffForHumans() }}
                                            </span><br>

                                        </td>
                                        <td>
                                            @if($item->active == 1)
                                            <a href="{{ route('root.destroy_demande', ['id' => $item->id]) }}" class="btn btn-md btn-light-success px-3 me-2">
                                                <i class="fa-solid fa-trash"></i>
                                            </a>
                                            @else
                                            <a href="{{ route('root.active_demande', ['id' => $item->id]) }}" class="btn btn-md btn-light-danger px-3 me-2">
                                                <i class="fa-solid fa-check"></i>
                                            </a>
                                            @endif
                                            <a href="{{ route('root.edit_demande', ['id' => $item->id]) }}" id="card-delete" class="btn btn-md btn-light-success px-3">
                                                <i class="fa-solid fa-edit"></i>
                                            </a>
                                        </td>
                                    </tr>
                                    @endforeach
                                @else
                                <tr>
                                    <td colspan="6" class="text-center">Aucun avis trouvé</td>
                                </tr>
                                @endif
                            </tbody>
                        </table>
                    </div>

                    <!-- Pagination -->
                    {{ $demandes->links('vendor.pagination.bootstrap-4') }}

                </div>
            </div>
        </div>
        <div class="col-xl-5 col-lg-5 col-md-5 col-sm-5">


            <div class="card" id="new-country">
                <div class="card-header">
                    <div class="_mp-inner-content elior">
                        <div class="_mp-inner-first">
                            <h3 class="mb-1 fs-3 fw-medium text-primary">Modification Demande</h3>
                        </div>
                        <div class="_mp_inner-last"></div>
                    </div>
                </div>
                <div class="card-body">
                    <form method="POST" action="{{ route('root.update_demande', ['id' => $demande->id]) }}">

                        @csrf
                        @method('PUT')

                        <input type="hidden" name="user_id" value="{{ Auth::user()->id }}" />
                        <input type="hidden" name="client_id" value="{{ Auth::user()->id }}" />

                        <div class="form-floating mb-4">
                            <input type="text" class="form-control" id="code" name="code" value="{{ $demande->code }}" placeholder="Ex. FO1" required autofocus autocomplete="code">
                            <label>Code</label>
                        </div>

                        <div class="form-floating mb-4">
                            <label>Secteur d'activité</label>
                            <div class="select-ops">
                                <select name="secteur_id" id="secteur-select">
                                    <option value="">Choix du Secteur</option>
                                    @foreach($secteurs as $secteur)
                                    <option value="{{ $secteur->id }}" @if($demande->secteur_id == $secteur->id) selected @endif>
                                        {{ $secteur->libelle }}
                                    </option>
                                    @endforeach
                                </select>
                            </div>
                        </div>

                        <div class="form-floating mb-4">
                            <label>Service associé</label>
                            <div class="select-ops">
                                <select name="service_id" id="service-select">
                                    <option value="">Choix du Service</option>
                                    @foreach($services as $service)
                                    <option value="{{ $service->id }}" @if($demande->service_id == $service->id) selected @endif>
                                        {{ $service->libelle }}
                                    </option>
                                    @endforeach
                                </select>
                            </div>
                        </div>

                        <div class="form-floating mb-4">
                            <label>Prestation associée</label>
                            <div class="select-ops">
                                <select name="prestation_id" id="prestation-select">
                                    <option value="">Choix de le Prestation</option>
                                    @foreach($prestations as $prestation)
                                    <option value="{{ $prestation->id }}" @if($demande->prestation_id == $prestation->id) selected @endif>
                                        {{ $prestation->libelle }}
                                    </option>
                                    @endforeach
                                </select>
                            </div>
                        </div>

                        <div class="form-floating mb-4">

                            <input type="number" class="form-control" placeholder="Nombre de Prestataires" name="nbre_prestataires" value="{{ !empty($demande->nbre_prestataires) ? $demande->nbre_prestataires : old('nbre_prestataires') }}">
                            <label>Nombre de Prestataires</label>
                        </div>

                        <div class="form-floating mb-4">

                            <input type="date" class="form-control" placeholder="Date de la Prestation" name="date_prestation" value="{{ !empty($demande->date_prestation) ? $demande->date_prestation : old('date_prestation') }}">
                            <label>Date de la Prestation</label>
                        </div>

                        <div class="form-floating mb-4">

                            <input type="time" class="form-control" placeholder="Heure de la Prestation" name="heure_prestation" value="{{ !empty($demande->heure_prestation) ? $demande->heure_prestation : old('heure_prestation') }}">
                            <label>Heure de la Prestation</label>
                        </div>

                        <div class="form-floating mb-4">

                            <input type="number" step="0.01" class="form-control" placeholder="Budget previsionnel" name="budget" value="{{ !empty($demande->budget) ? $demande->budget : old('budget') }}">
                            <label>Budget previsionnel</label>
                        </div>

                        <div class="form-floating mb-4">

                            <input type="text" class="form-control" placeholder="Noms" name="noms" value="{{ !empty($demande->noms) ? $demande->noms : old('noms') }}">
                            <label>Noms</label>
                        </div>

                        <div class="form-floating mb-4">

                            <input type="text" class="form-control" placeholder="Prenoms" name="prenoms" value="{{ !empty($demande->prenoms) ? $demande->prenoms : old('prenoms') }}">
                            <label>Prenoms</label>
                        </div>

                        <div class="form-floating mb-4">

                            <input type="email" class="form-control" placeholder="Email" name="email" value="{{ !empty($demande->email) ? $demande->email : old('phone') }}">
                            <label>Email</label>
                        </div>

                        <div class="form-floating mb-4">

                            <input type="text" class="form-control" placeholder="Téléphone" name="phone" value="{{ !empty($demande->phone) ? $demande->phone : old('phone') }}">
                            <label>Téléphone</label>
                        </div>

                        <div class="form-floating mb-4">

                            <input type="text" class="form-control" placeholder="Adresse" name="adresse" value="{{ !empty($demande->adresse) ? $demande->adresse : old('adresse') }}">
                            <label>Adresse</label>
                        </div>

                        <div class="form-floating mb-4">
                            <label>Pays</label>
                            <div class="select-ops">
                                <select name="pays_id" id="pays-select">
                                    <option value="">Choix du Pays</option>
                                    @foreach($countries as $country)
                                    <option value="{{ $country->id }}" @if($demande->pays_id == $country->id) selected @endif>
                                        {{ $country->libelle }}
                                    </option>
                                    @endforeach
                                </select>
                            </div>
                        </div>

                        <div class="form-floating mb-4">
                            <label>Province</label>
                            <div class="select-ops">
                                <select name="province_id" id="province-select">
                                    <option value="">Choix de la Province</option>
                                    @foreach($provinces as $province)
                                    <option value="{{ $province->id }}" @if($demande->province_id == $province->id) selected @endif>
                                        {{ $province->libelle }}
                                    </option>
                                    @endforeach
                                </select>
                            </div>
                        </div>


                        <div class="form-floating mb-4">
                            <label>Ville</label>
                            <div class="select-ops">
                                <select name="ville_id" id="ville-select">
                                    <option value="">Choix de la Ville</option>
                                    @foreach($villes as $ville)
                                    <option value="{{ $ville->id }}" @if($demande->ville_id == $ville->id) selected @endif>
                                        {{ $ville->libelle }}
                                    </option>
                                    @endforeach
                                </select>
                            </div>
                        </div>

                        <div class="form-floating mb-4">

                            <textarea class="form-control" id="tinymce" placeholder="Votre message..." name="description" maxlength="300">
                                {{ !empty($demande->description) ? $demande->description : old('description') }}
                            </textarea>
                            <label>Partagez nous votre expérience JOBBO</label>
                            <small><strong class="text-primary">NB : </strong>Maximum 1000 caracteres !</small>
                        </div>

                        <div class="form-floating mb-4">
                            <label class="text-primary">Statut</label>
                            <div class="select-ops">
                                <select name="statut" required>
                                    <option value="en attente" @if($demande->statut == "en attente") selected @endif>en attente</option>
                                    <option value="terminé(e)" @if($demande->statut == "terminé(e)") selected @endif>terminé(e)</option>
                                </select>
                            </div>
                        </div>

                        <div class="form-floating mb-4">
                            <label class="text-primary">Activation</label>
                            <div class="select-ops">
                                <select name="active" required>
                                    <option value="1" @if(intval($demande->active) == 1) selected @endif>activé(e)</option>
                                    <option value="0" @if(intval($demande->active) == 0) selected @endif>désactivé(e)</option>
                                </select>
                            </div>
                        </div>

                        <div class="form-floating mb-4">
                            <div class="form-check form-check-inline">
                                <input class="form-check-input" type="checkbox" id="new_account" name="new_account" value="{{ !empty($demande->new_account) ? $demande->new_account : 0 }}">
                                <label class="form-check-label" for="savepassword">
                                    Cocher la case si vous souhaitez que un compte client soit créer pour le suivi de votre demande !
                                </label>
                            </div>
                        </div>

                        <div class="form-group">
                            <button type="submit" class="btn btn-primary full-width font--bold btn-lg">Soumettre</button>
                        </div>

                    </form>
                </div>
                <div class="card-footer"></div>
            </div>


        </div>
    </div>
    <!-- Header Wrap -->

</div>



@endsection

@section('scripts')
<!-- Les scripts spécifiques à cette vue enfant vont ici -->
<script>
    $(document).ready(function() {
        $('#pays-select').change(function() {
            var pays_id = $(this).val();
            $('#province-select').empty().append('<option value="">Choix de la Province</option>');
            $('#ville-select').empty().append('<option value="">Choix de la Ville</option>');
            if (pays_id) {
                $.ajax({
                    url: '/root/provinces/' + pays_id,
                    type: 'GET',
                    success: function(data) {
                        console.log(data);
                        $.each(data, function(key, province) {
                            $('#province-select').append('<option value="' + province.id + '">' + province.libelle + '</option>');
                        });
                        $('#province-select').niceSelect("update");
                    }
                });
            }
        });

        $('#province-select').change(function() {
            var province_id = $(this).val();
            $('#ville-select').empty().append('<option value="">Choix de la Ville</option>');
            if (province_id) {
                $.ajax({
                    url: '/root/villes/' + province_id,
                    type: 'GET',
                    success: function(data) {
                        $.each(data, function(key, ville) {
                            console.log(data);
                            $('#ville-select').append('<option value="' + ville.id + '">' + ville.libelle + '</option>');
                        });
                        $('#ville-select').niceSelect("update");
                    }
                });
            }
        });
    });
</script>

<script>
    $(document).ready(function() {
        $('#secteur-select').change(function() {
            var secteur_id = $(this).val();
            $('#service-select').empty().append('<option value="">Choix du Service</option>');
            $('#prestation-select').empty().append('<option value="">Choix de la Prestation</option>');
            if (secteur_id) {
                $.ajax({
                    url: '/root/services/' + secteur_id,
                    type: 'GET',
                    success: function(data) {
                        console.log(data);
                        $.each(data, function(key, service) {
                            $('#service-select').append('<option value="' + service.id + '">' + service.libelle + '</option>');
                        });
                        $('#service-select').niceSelect("update");
                    }
                });
            }
        });

        $('#service-select').change(function() {
            var service_id = $(this).val();
            $('#prestation-select').empty().append('<option value="">Choix de la Prestation</option>');
            if (service_id) {
                $.ajax({
                    url: '/root/prestations/' + service_id,
                    type: 'GET',
                    success: function(data) {
                        console.log(data);
                        $.each(data, function(key, prestation) {
                            $('#prestation-select').append('<option value="' + prestation.id + '">' + prestation.libelle + '</option>');
                        });
                        $('#prestation-select').niceSelect("update");
                    }
                });
            }
        });
    });
</script>

@endsection