@extends('./admin.nav')
@section('contents')
{{-- <br><br><br><br><br> --}}

<div class="container-fluid p-5">
    <button type="button" class="btn btn-success" data-mdb-toggle="modal" data-mdb-target="#exampleModal">
        Ajouts d'une Nouvelles Local

    </button>
    <br>
    <br>
@if(session()->has('success'))
<div class="alert alert-success">
    {{ session()->get('success') }}
</div>
@endif
@if(session()->has('data'))
<div class="alert alert-danger">
    {{ session()->get('data') }}
</div>
@endif
    <table id="tabsous" class="table align-middle mb-0 bg-white ">
        <thead class="bg-warning">
            <tr>

                {{-- <th class="l1">Date Paiement</th> --}}
                <th class="l1" >Quantite disponible</th>
                 <th class="l1" >Mesure</th>
                <th class="l1" >description</th>
                {{-- <th class="l1" > Type Local</th> --}}
                {{-- <th class="l1" >Categorie</th>
                <th class="l1">Montant Encaisses</th>
                <th class="l1" >Pas de porte</th>
                <th class="l1" >remise</th>
                <th class="l1" > facilite paiement</th>
                <th class="l1" >Caution</th> --}}
                <th class="l1" >Actions</th>
            </tr>
        </thead>
        <tbody>
            @foreach($locals as $per)
            <tr>
                {{-- <td>{{$per->datePaiment}}</td> --}}
                <td> {{$per->identifiants}} </td>
                <td> {{$per->mesure}} </td>
                <td> {{$per->description}}</td>
                <td><a href="{{route('local.show',$per->id)}}" class="btn btn-primary btn-sm btn-rounded">Editer</a><a href="{{route('local.destroy',$per->id)}}" class="btn btn-danger   btn-sm btn-rounded">Supprimer</a></td>
            </tr>
            @endforeach
        </tbody>

    </table>
</div>
<!-- Button trigger modal -->

<!-- Modal -->
<div class="modal fade" id="exampleModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content container">
            <div class="modal-header" >
                <h5 class="modal-title" id="exampleModalLabel">Ajout d'un Nouveau clients</h5>
                <button type="button" class="btn-close" data-mdb-dismiss="modal" aria-label="Close"></button>
            </div>
                    <div class="modal-body" style="
                padding: 50px;
                width:  auto;
                 ">
                <form action="{{ route('local.store') }}" method="POST" style=" color: white;" enctype="multipart/form-data">
                    @csrf
                    {{-- <label for="exampleFormControlInput1" class="form-label">Date Paiement</label>
                    <input type="date" class="form-control" class="@error('datePaiment') is-invalid @enderror" id="exampleFormControlInput1" name="datePaiment"
                        placeholder=""> --}}
                    <label for="exampleFormControlInput1" class="form-label">Quantite disponible</label>
                    <input type="text" class="form-control"  id="exampleFormControlInput1" name="identifiants"
                        placeholder="">
                      <label for="exampleFormControlInput1" class="form-label">Mesures</label>
                        <select class="browser-default custom-select form-select" name="mesure">
                                                  <option value="Magasins de 150 m2 avec chambre froide">Magasins de 150 m2 avec chambre froide</option>
                                                  <option value="Magasins de 150 m2 sans chambre froide">Magasins de 150 m2 sans chambre froide</option>
                                                  <option value="Magasins de 75 m2">Magasins de 75 m2</option>
                                                  <option value="Magasins de 100 m2">Magasins de 100 m2</option>
                                                   <option value="stockage de 500 m2">stockage de 500 m2</option>
                                                    <option value="Kiosques">Kiosques</option>
                                                    <option value="Restaurant 600m²">Restaurant 600m²</option>
                                                     <option value="Chambre froide commune">Chambre froide commune</option>
                                                     <option value="Hangar 1575m² et 800m² chambres froides">Hangar 1575m² et 800m² chambres froides</option>
                                                      <option value="Station de maintenance 500m²">Station de maintenance 500m²</option>
                                                </select>
                                                placeholder="">
                    <label for="exampleFormControlInput1" class="form-label">Description</label>
                    <input type="tel" class="form-control"  id="exampleFormControlInput1" name="description"
                        placeholder="">
                        {{-- <label for="exampleFormControlInput1" class="form-label">Categorie</label>
                        <select class="browser-default custom-select form-select" name="local">
                            <option value="A-A1">A-A1</option>
                            <option value="A-A2">A-A2</option>
                          </select>
                          <br>
                          <label for="exampleFormControlInput1" class="form-label">Local</label>
                          <select class="browser-default custom-select form-select" name="categorie">
                            <option value="kiosque">Kiosque</option>
                            <option value="Magazin simple">magazin simple</option>
                          </select>
                          <br>
                          <label for="exampleFormControlInput1" class="form-label">montant</label>
                          <input type="text" class="form-control" class="@error('montantEncaisse') is-invalid @enderror" id="exampleFormControlInput1" name="montantEncaisse"
                              placeholder="">
                              <br>
                              <div class="slider">
                              <label for="exampleFormControlInput1" class="form-label">Remise</label>
                          <input type="range" value="25" min="10" max="100" step="5" class="@error('remise') is-invalid @enderror form-control " id="exampleFormControlInput1" name="remise"
                          oninput="rangeValue.innerText = this.value">
                              <p id="rangeValue">25</p>
                            </div>
                              <label for="exampleFormControlInput1" class="form-label">Pas de Porte</label>
                              <input type="text" class="form-control" class="@error('PasDePorte') is-invalid @enderror" id="exampleFormControlInput1" name="PasDePorte"
                                 >
                              <label for="exampleFormControlInput1" class="form-label">Facilite paiement</label>
                              <input type="text" class="form-control" class="@error('faciliteDePayment') is-invalid @enderror" id="exampleFormControlInput1" name="faciliteDePayment"
                                  placeholder="">
                                  <label for="exampleFormControlInput1" class="form-label">caution</label>
                          <input type="text" class="form-control" class="@error('caution') is-invalid @enderror" id="exampleFormControlInput1" name="caution"
                              placeholder=""> --}}
                    <div class="modal-footer">
                        <button type="button" class="btn btn-secondary" data-mdb-dismiss="modal">Close</button>
                        <button type="submit" class="btn btn-primary">Save </button>
                    </div>
                </form>


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

@endsection