@extends('layout')

@section('content')
    <div class="page-header page-header-light">
        <div class="page-header-content header-elements-md-inline">
            <div class="page-title d-flex">
                <h4>
                    <i class="icon-add mr-2"></i>
                    Ajouter une ancienne réservation
                </h4>
                <a href="#" class="header-elements-toggle text-default d-md-none"><i class="icon-more"></i></a>
            </div>
        </div>
    </div>
    <div class="content">
        <div class="card-body">
            <form action="{{ route('storeOldReservation') }}" method="post" enctype="multipart/form-data">
                {{ csrf_field() }}
                <div class="form-group row">
                    <div class="col">
                        <label>Client:</label>
                        <select class="form-control select-search" required name="client_id">
                            <option value="">Veuillez choisir un client</option>
                            @foreach($client as $key => $item)
                                <option value="{{ $item->id }}">{{ $item->f_name }} {{ $item->l_name }}</option>
                            @endforeach
                        </select>
                    </div>
                    <div class="col">
                        <label>Logement:</label>
                        <select class="form-control select-search" id="property_id"
                                required
                                name="property_id">
                            <option value="">Veuillez choisir un Logement</option>
                            @foreach($properties as $key => $item)
                                <option value="{{ $item->uid }}">{{ $item->name }}</option>
                            @endforeach
                        </select>
                    </div>
                </div>

                <div id="property-selected">
                    <div class="form-group row">
                        <div class="col">
                            <label>Mode de paiement:</label>
                            <select class="form-control select-search payment-mode" required name="paidMode">
                                <option value="">Veuillez choisir un mode de paiement</option>
                                @foreach (config('payment.mode') as $val)
                                    <option value="{{ $val }}">{{ $val }}</option>
                                @endforeach
                            </select>
                        </div>
                        <div class="col">
                            <label>Montant (en chiffre):</label>
                            <input type="text" pattern="[0-9]+(\.[0-9]+)?" name="total_price" required
                                   class="form-control"
                                   title="Veuillez saisir un nombre décimal valide (par exemple, 10,25)">
                        </div>
                    </div>

                    <div class="form-group row d-none check-number">
                        <div class="col">
                            <div class="form-group">
                                <label>Numéro de chèque :</label>
                                <input class="form-control"
                                       name="check_number" >
                            </div>
                        </div>
                        <div class="col">
                            <div class="form-group" >
                                <label>Nom de la banque :</label>
                                <select class="form-control select-search" required
                                        name="bank">
                                    @foreach (config('bank.list') as $val)
                                        <option value="{{ $val }}">{{ $val }}</option>
                                    @endforeach
                                </select>
                            </div>
                        </div>
                    </div>

                    <div class="form-group row">
                        <div class="col">
                            <label>Paiement:</label>
                            <select class="form-control select-search payment-status" name="paid" required>
                                <option value="">Veuillez choisir l'état de paiement</option>
                                @foreach (config('status.payment') as $key => $val)
                                    <option value="{{ $key }}">{{ $val }}</option>
                                @endforeach
                            </select>
                        </div>
                        <div class="col">
                            <label>Type des taxes:</label>
                            <select class="form-control form-control-sm select" required name="taxe">
                                <option value="HT">HT</option>
                                <option value="TTC">TTC</option>
                            </select>
                        </div>
                    </div>

                    <div class="form-group row d-none advance">
                        <div class="col">
                            <div class="form-group">
                                <label>Avance :</label>
                                <input class="form-control"
                                       name="advance" >
                            </div>
                        </div>
                        <div class="col">
                        </div>
                    </div>

                    <div class="form-group row">
                        <div class="col">
                            <label>Devise:</label>
                            <select class="form-control form-control-sm select" required name="currency">
                                @foreach (config('payment.currency') as $val)
                                    <option value="{{ $val }}">{{ $val }}</option>
                                @endforeach
                            </select>
                        </div>
                        <div class="col">
                            <label>Inclure les frais de service TTC:</label>
                            <select class="form-control form-control-sm select" required name="servicefee">
                                <option value="Oui">Oui</option>
                                <option value="Non">Non</option>
                            </select>
                        </div>
                    </div>

                    <div class="form-group row">
                        <div class="col">
                            <label>Platform:</label>
                            <select class="form-control form-control-sm select" required name="platform">
                                @foreach (config('creators.reservation') as $val)
                                    <option value="{{ $val }}">{{ $val }}</option>
                                @endforeach
                            </select>
                        </div>
                        <div class="col">
                            <label>Langue de contrat de réservation:</label>
                            <select class="form-control form-control-sm select" required name="lang">
                                <option value="Anglais">Anglais</option>
                                <option value="Français">Français</option>
                            </select>
                        </div>
                    </div>

                    <div class="form-group row">
                        <div class="col">
                            <label>Nombre de personne :</label>
                            <input type="number" name="guests_number" class="form-control" required
                                   placeholder="Nombre de person ">
                        </div>
                        <div class="col">
                            <label>Durée de séjour minimum : </label>
                            <input id="minStay" type="text" class="form-control" readonly>
                        </div>
                    </div>

                    <div class="form-group row">
                        <div class="col">
                            <label>Date de début:</label>
                            <div class="input-group">
                                                <span class="input-group-prepend">
                                                    <span class="input-group-text"><i class="icon-calendar5"></i></span>
                                                </span>
                                <input type="date" name="check_in" class="form-control">
                            </div>
                        </div>
                        <div class="col">
                            <label>Date de fin:</label>
                            <div class="input-group">
                                                <span class="input-group-prepend">
                                                    <span class="input-group-text"><i class="icon-calendar5"></i></span>
                                                </span>
                                <input type="date" name="check_out" class="form-control">

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

                    <div class="form-group row">
                        <div class="col-3">
                            <label>Caution:</label>
                            <input type="text" pattern="[0-9]+(\.[0-9]+)?" name="deposit" class="form-control"
                                   title="Veuillez saisir un nombre décimal valide (par exemple, 10,25)">
                        </div>
                        <div class="col-3">
                            <label>Devise de la caution:</label>
                            <select class="form-control form-control-sm select" required name="deposit_currency">
                                @foreach (config('payment.currency') as $val)
                                    <option value="{{ $val }}">{{ $val }}</option>
                                @endforeach
                            </select>
                        </div>
                        <div class="col-6">
                            <label>Commentaires:</label>
                            <textarea class="form-control" rows="6" name="comments"></textarea>
                        </div>
                    </div>

                    <div class="form-group hidden">
                        <input type="hidden" name="is_local" value="1">
                        <input type="hidden" name="last_editor" value="{{ Auth::user()->name }}">
                    </div>

                    <div class="form-group row">
                        <button type="submit" id="submitBox" class="btn btn-success">
                            <i class="icon-paperplane"></i> Ajouter
                        </button>
                    </div>
                </div>
            </form>
        </div>
    </div>
@endsection