@extends('layouts.master')

@section('sidebar')
    @parent

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

@section('content')

<style>

.document-preview {
        position: relative;
        margin-bottom: 20px;
    }

    .document-frame {
        border: 1px solid #ddd;
        border-radius: 4px;
    }

    .document-preview .btn {
        margin-top: 10px;
        margin-right: 10px;
    }

.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 loyers</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 Loyer
                        </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>Immeuble</th>
                                <th>Bailleur</th>
                                <th>Début contrat</th>
                                <th>Fin contrat</th>
                                <th>Date Signature</th>
                                <th>Zone</th>
                                <th>Montant</th>
                                <th>Statut</th>
                                <th>Enregistré</th>
                                <th>Actions</th>
                            </tr>
                        </thead>
                        <tbody>
                            @if(empty($loyers))
                                <h4 class="text-center"></h4>
                            @endif

                            @if(!empty($loyers))
                                @foreach($loyers as $loyer)
                                {{-- @if($loyer->delet_status==false) --}}

                            <tr>
                                <td><a href="{{url('info_imm?immeuble='.$loyer->immeuble_id)}}">{{$loyer->name_immeuble}}</a>  </td>
                                <td><a href="{{url('ls_imm_bllr?resp='.$loyer->bailleur_id)}}"> {{$loyer->bailleur_nom}} {{$loyer->bailleur_prenom}} </a></td>
                                <td>{{ \Carbon\Carbon::parse($loyer->date_debut)->format('d-m-Y') }}</td>
                                <td> {{ \Carbon\Carbon::parse($loyer->date_fin)->format('d-m-Y') }} </td>
                                <td>{{ \Carbon\Carbon::parse($loyer->date_signature)->format('d-m-Y') }}</td>
                                <td> {{$loyer->zone}} </td>
                                <td> {{$loyer->cout}} HTG</td>
                                <td> <span class="badge {{$loyer->actif==1?'badge-info':'badge-dark'}}">{{$loyer->actif==1?'Actif':'Inactif'}}</span></td>
                                <td> {{ \Carbon\Carbon::parse($loyer->created)->format('d-m-Y') }}
                                <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='.$loyer->id)}}">Immeubles</a> --}}
                                            <a class="dropdown-item" href="#">Supprimer </a>
                                            {{-- <a class="dropdown-item" href="{{url('editerbailleur?id='.$loyer->id.'&dlt=1')}}">Supprimer </a> --}}
                                            <div class="dropdown-divider"></div>
                                            <a class="dropdown-item" alt="default" data-toggle="modal" data-target="#limitB{{$loyer->id}}" href="javascript:void(0)">Voir Plus</a>
                                        </div>
                                    </div>
                                    <!-- Detail Bailleur content -->
                                    <div id="limitB{{$loyer->id}}" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" style="display: none;">
                                        <div class="modal-dialog modal-lg">
                                            <div class="modal-content">
                                                <div class="modal-header">
                                                    <h4 class="modal-title">Détail Loyer </h4>
                                                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>

                                                </div>
                                                <div class="modal-body">
                                                    {{-- @if($loyer->en_qualite_de == 1)
                                                    <h3 class="subtitle"> Propriétaire {{$loyer->nom}}</h3>
                                                    @endif
                                                    @if($loyer->en_qualite_de == 2)
                                                    <h3 class="subtitle"> Mandataire {{$loyer->nom}}</h3>
                                                    @endif --}}
                                                    <div>
                                                        <b>Immeuble : </b> {{$loyer->name_immeuble}} <br/>
                                                        <b>Bailleur : </b> {{$loyer->bailleur_nom}} {{$loyer->bailleur_prenom}}  <br/>
                                                        <b>Début contrat : </b> {{$loyer->date_debut}} <br/>
                                                        <b>Fin contrat : </b> {{$loyer->date_fin}} <br/>
                                                        <b>Date Signature : </b> {{$loyer->date_signature}} <br/>
                                                        <b>Cout : </b> {{$loyer->cout}} HTG<br/>
                                                        <b>Adresse Immeuble : </b> {{$loyer->adresse}} <br/>
                                                        <b>Zone : </b> {{$loyer->zone}} <br/>
                                                        <hr>
                                                    </div>
                                                    <div>
                                                        <div class="document-preview">
                                                            <iframe src="assets/images/loyers/{{$loyer->doc_contrat}}" width="100%" height="400px" class="document-frame"></iframe>
                                                            <div class="text-center mt-3">
                                                                <a href="assets/images/loyers/{{$loyer->doc_contrat}}" target="_blank" class="btn btn-primary">
                                                                    <i class="fas fa-eye"></i> Voir le Document
                                                                </a>
                                                                <a href="assets/images/loyers/{{$loyer->doc_contrat}}" download class="btn btn-success">
                                                                    <i class="fas fa-download"></i> Télécharger
                                                                </a>
                                                            </div>
                                                        </div>
                                                    {{-- <img src="assets/images/loyers/{{$loyer->doc_contrat}}" 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="addlyr" 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 Loyer </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-md-6">
                            <div class="form-group mb-3">
                                <label class=""><small>Choisir Immeuble</small></label>
                                <select class="form-control" name="immeuble" aria-label="name" required>
                                    @if(empty($immeubles))
                                        <h4 class="text-center">---Vide---</h4>
                                    @endif
                                    @if(!empty($immeubles))
                                        <option>--Selectionner Immeuble--</option>
                                        @foreach($immeubles as $immeuble)
                                        <option value="{{$immeuble->id}}">{{$immeuble->nom}} ({{$immeuble->dimenssion}})</option>
                                        @endforeach
                                    @endif
                                </select>
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="form-group mb-3">
                                <label class=""><small>Choisir Bailleur</small></label>
                                <select class="form-control" name="bailleur" aria-label="name" required>
                                    @if(empty($bailleurs))
                                        <h4 class="text-center">---Vide---</h4>
                                    @endif
                                    @if(!empty($bailleurs))
                                        <option>--Selectionner Bailleur--</option>
                                        @foreach($bailleurs as $bailleur)
                                        <option value="{{$bailleur->id}}"> {{$bailleur->nom}} {{$bailleur->prenom}}</option>
                                        @endforeach
                                    @endif
                                </select>
                            </div>                   
                        </div>
                        <div class="col-md-4">
                            <div class="form-group mb-3">
                                <label class=""><small>Début contrat</small></label>
                                <input type="date" class="form-control" name="dcontrat" placeholder="Entrer Debut contrat" aria-label="no" required>
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="form-group mb-3">
                                <label class=""><small>Fin contrat</small></label>
                                <input type="date" class="form-control" name="fcontrat" placeholder="Entrer Fin Contrat" aria-label="no" required>
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="form-group mb-3">
                                <label class=""><small>Montant Loyer</small></label>
                                <input type="number" class="form-control" name="cout" placeholder="Entrer Montant" aria-label="no" required>
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="form-group mb-3">
                                <label class=""><small>Date Signature contrat</small></label>
                                <input type="date" class="form-control" name="scontrat" placeholder="Date Signature" aria-label="no" required>
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="form-group mb-3">
                                <label class=""><small>Image Contrat</small></label>
                                <input type="file" class="form-control" name="image" aria-label="no" required>
                            </div>
                        </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