@extends('layouts.master')

@section('sidebar')
    @parent

    <p>This is appended to the master sidebar.</p>
@stop

@section('content')

<style>

.ben-img-profile {
  width: 200px;
  height: 200px;
  object-fit: cover;
  border-radius: 15px;
  overflow: hidden;
  display: block;
  margin: 0 auto; 
}

</style>
<!-- complex headers -->
<div class="row">
    <div class="col-12">
        <div class="material-card card">
            <div class="card-body">
                <h4 class="card-title">Liste des Bailleurs</h4>
                <h6 class="card-subtitle"></h6><br/><br/>
                <div class="ml-auto">
                    <div class="btn-group">
                        <button type="button" class="btn btn-dark" data-toggle="modal" data-target="#createmodel">
                          Enregistre Nouveau Bailleur
                        </button>
                    </div>
                    <!-- <div class="btn-group">
                        <button type="button" class="btn btn-info" data-toggle="modal" data-target="#assignerbank">
                        Banques & bailleur
                        </button>
                    </div> -->
                </div><br/>
                <div class="table-responsive">
                    <table id="complex_header" class="table table-striped table-bordered display" style="width:100%">
                        <thead>
                            <tr>
                                <th>Nom</th>
                                <th>Prénom</th>
                                <th>NIF</th>
                                <th>CIN</th>
                                <th>Adresse</th>
                                <th>Téléphone</th>
                                <th>Actions</th>
                            </tr>
                        </thead>
                        <tbody>
                            @if(empty($bailleurs))
                                <h4 class="text-center"></h4>
                            @endif

                            @if(!empty($bailleurs))
                                @foreach($bailleurs as $bailleur)
                                @if($bailleur->delet_status==false)

                            <tr>
                                <td> {{$bailleur->nom}} </td>
                                <td> {{$bailleur->prenom}} </td>
                                <td>
                                    {{$bailleur->nif}}
                                </td>
                                <td> {{$bailleur->cin}} </td>
                                <td> {{$bailleur->adresse}} HTG</td>
                                <td> {{$bailleur->telephone}} </td>
                                <td>
                                    <div class="btn-group">
                                        <button type="button" class="btn btn-primary">Plus</button>
                                        <button type="button" class="btn btn-primary dropdown-toggle dropdown-toggle-split" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                            <span class="sr-only">Toggle Dropdown</span>
                                        </button>
                                        <div class="dropdown-menu">
                                            <a class="dropdown-item" href="{{url('ls_imm_bllr?resp='.$bailleur->id)}}">Immeubles</a>
                                            <a class="dropdown-item" href="{{url('editerbailleur?id='.$bailleur->id.'&dlt=1')}}">Supprimer </a>
                                            <div class="dropdown-divider"></div>
                                            <a class="dropdown-item" alt="default" data-toggle="modal" data-target="#limitB{{$bailleur->id}}" href="javascript:void(0)">Voir Plus</a>
                                        </div>
                                    </div>
                                    <!-- Detail Bailleur content -->
                                    <div id="limitB{{$bailleur->id}}" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" style="display: none;">
                                        <div class="modal-dialog modal-md">
                                            <div class="modal-content">
                                                <div class="modal-header">
                                                    <h4 class="modal-title">Détail Du Bailleur </h4>
                                                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>

                                                </div>
                                                <div class="modal-body">
                                                    @if($bailleur->en_qualite_de == 1)
                                                    <h3 class="subtitle"> Propriétaire {{$bailleur->nom}} {{$bailleur->prenom}}</h3>
                                                    @endif
                                                    @if($bailleur->en_qualite_de == 2)
                                                    <h3 class="subtitle"> Mandataire {{$bailleur->nom}}</h3>
                                                    @endif
                                                    <div>
                                                        <b>Nom : </b> {{$bailleur->nom}} <br/>
                                                        <b>Prénom : </b> {{$bailleur->prenom}} <br/>
                                                        <b>Date de Naissance : </b> {{$bailleur->naissance}} <br/>
                                                        <b>NIF : </b> {{$bailleur->nif}} <br/>
                                                        <b>CIN : </b> {{$bailleur->cin}} <br/>
                                                        <b>E-Mail : </b> {{$bailleur->mail}} <br/>
                                                        <b>Adresse : </b> {{$bailleur->adresse}} <br/>
                                                        <b>Téléphone : </b> {{$bailleur->telephone}} <br/>
                                                        <hr>
                                                    </div>
                                                    <div>
                                                    <img src="assets/images/bailleurs/{{$bailleur->image_piece}}" alt="homepage" class="dark-logo ben-img-profile" />
                                                    </div>



                                                </div>
                                                <div class="modal-footer">
                                                    <button type="button" class="btn btn-default waves-effect" data-dismiss="modal">Fermer</button>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <!-- /.modal -->
                                </td>
                            </tr>
                                    @endif
                                @endforeach
                            @endif
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- DOM Positioning -->

 <!-- Create Modal -->
 <div class="modal fade" id="createmodel" tabindex="-1" role="dialog" aria-labelledby="createModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-lg" role="document">
        <div class="modal-content">
            <form action="addbllr" method="post" enctype="multipart/form-data">
                @csrf
                <div class="modal-header">
                    <h5 class="modal-title" id="createModalLabel"><i class="ti-marker-alt mr-2"></i> Enregistrement Nouveau Bailleur </h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body row">
                    <div class="col-12">
                        <div class="form-group mb-3">
                            <label class=""><small>Choisir En Qualité De</small></label>
                            <select class="form-control" name="qualite" aria-label="name" required>
                                <option>Choisir En Qualité De</option>
                                <option value="1"> Propriétaire</option>
                                <option value="2"> Mandataire </option>
                            </select>
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="form-group mb-3">
                            <label class=""><small>Nom</small></label>
                            <input type="text" class="form-control" name="nom" placeholder="Entrer Nom" aria-label="no" required>
                        </div>
                        <div class="form-group mb-3">
                            <label class=""><small>Prénom</small></label>
                            <input type="text" class="form-control" name="prenom" placeholder="Entrer Prénom" aria-label="no" required>
                        </div>
                        <div class="form-group mb-3">
                            <label class=""><small>Choisir Sexe</small></label>
                            <select class="form-control" name="sexe" aria-label="name" required>
                                <option>Choisir le sexe</option>
                                <option value="0"> Féminin</option>
                                <option value="1"> Masculin </option>
                            </select>
                        </div>
                        <div class="form-group mb-3">
                            <label class=""><small>Date de Naissance</small></label>
                            <input type="date" class="form-control" name="naissance" placeholder="Entrer Naissance" aria-label="no" required>
                        </div>
                        <div class="form-group mb-3">
                            <label class=""><small>Numéro Identification Fiscale (NIF)</small></label>
                            <input type="number" pattern="/^-?\d+\.?\d*$/" onKeyPress="if(this.value.length==10) return false;" class="form-control" name="nif" placeholder="Entrer NIF" aria-label="no">
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="form-group mb-3">
                            <label class=""><small>Carte Identification Nationale (CIN)</small></label>
                            <input type="number" pattern="/^-?\d+\.?\d*$/" onKeyPress="if(this.value.length==10) return false;" class="form-control" name="cin" placeholder="Entrer CIN" aria-label="no">
                        </div>
                        <div class="form-group mb-3">
                            <label class=""><small>E-mail</small></label>
                            <input type="mail" class="form-control" name="mail" placeholder="Entrer E-Mail" aria-label="no">
                        </div>
                        <div class="form-group mb-3">
                            <label class=""><small>Téléphone</small></label>
                            <input type="phone" class="form-control" name="telephone" placeholder="Entrer Téléphone" aria-label="no" required>
                        </div>
                        <div class="form-group mb-3">
                            <label class=""><small>Adresse</small></label>
                            <input type="text" class="form-control" name="adresse" placeholder="Entrer Adresse" aria-label="no">
                        </div>
                        <div class="form-group mb-3">
                            <label class=""><small>Images Pièce</small></label>
                            <input type="file" class="form-control" name="image" aria-label="no" required>
                        </div>
                        <br/>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-dismiss="modal">Fermer</button>
                    <button type="submit" class="btn btn-success"><i class="ti-save"></i> Enregistrer</button>
                </div>
            </form>
        </div>
    </div>
</div>

@stop