@extends('layouts.master')

@section('sidebar')
    @parent

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

@section('content')


<!-- complex headers -->
<div class="row">
    <div class="col-12">
        <div class="material-card card">
            <div class="card-body row">
                <div class="col-md-6 col-lg-6">
                    <h4 class="card-title">Liste des Immeubles</h4>
                    <h6 class="card-subtitle"></h6><br/><br/>
                </div>

                <div class="ml-auto col-md-6 col-lg-6">
                    <div class="btn-group">
                        <button type="button" class="btn btn-dark" data-toggle="modal" data-target="#createmodel">
                          Enregistre Nouveau Immeuble
                        </button>
                    </div>
                    <!-- <div class="btn-group">
                        <button type="button" class="btn btn-info" data-toggle="modal" data-target="#assignerbank">
                        Banques & Promotion
                        </button>
                    </div> -->
                </div><br/>
                <div class="table-responsive" hidden>
                    <table id="complex_header" class="table table-striped table-bordered display" style="width:100%">
                        <thead>
                            <tr>
                                <th>Image</th>
                                <th>Immeuble</th>
                                <th>Loyer</th>
                                <th>Echéance</th>
                                <th>Commune / Zone</th>
                                <th>Statut</th>
                                <th>Actions</th>
                            </tr>
                        </thead>
                        <tbody>
                            @if(empty($immeubles))
                                <h4 class="text-center"></h4>
                            @endif

                            @if(!empty($immeubles))
                                @foreach($immeubles as $immeuble)
                                <!-- @if($immeuble->delet_status==false) -->

                            <tr>
                                <td> {{$immeuble->image}} </td>
                                <td> {{$immeuble->nom}} </td>
                                <td>
                                </td>
                                <td> {{$immeuble->adresse}} </td>
                                <td> {{$immeuble->dimenssion}}</td>
                                <td> {{$immeuble->dimenssion}} </td>
                                <td>
                                </td>

                            </tr>
                                    @endif
                                @endforeach
                            @endif
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- DOM Positioning -->

<!-- en image debut -->

<div class="row el-element-overlay">
    @if(!empty($immeubles))
    @php $url ='default_bank.png';  @endphp
    @foreach($immeubles as $immeuble)
        @php if($immeuble->image){ $url = $immeuble->image;}   @endphp
    <div class="col-lg-2 col-md-6">
        <div class="card">
            <div class="el-card-item">
                <div class="el-card-avatar el-overlay-1"> <img src="assets/images/immeubles/{{$url}}" alt="user" />
                    <div class="el-overlay">
                        <ul class="list-style-none el-info">
                            <li class="el-item"><a class="btn default btn-outline image-popup-vertical-fit el-link" title="Voir image" href="assets/images/immeubles/{{$url}}"><i class="fas fa-eye"></i></a></li>
                            <li class="el-item"><a class="btn default btn-outline el-link" title="Détails immeuble" href="{{url('info_imm?immeuble='.$immeuble->id)}}"><i class="fas fa-info-circle"></i></a></li>
                        </ul>
                    </div>
                </div>
                <div class="d-flex no-block align-items-center">
                    <div class="ml-3">
                        <h6 class="mb-0"><a href="{{url('info_imm?immeuble='.$immeuble->id)}}">{{$immeuble->nom}}</a></h6>
                        <small class="text-muted">Adr: {{$immeuble->adresse}}</small><br>
                        <small class="text-muted">Dimenssion: {{$immeuble->dimenssion}}</small><br>
                    </div>
                </div>
            </div>
        </div>
    </div>
    @endforeach
    @endif
</div>

<!-- en image fin -->

 <!-- 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 method="POST" action="ddmm" 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 Immeuble </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>Immeuble</small></label>
                            <input type="text" class="form-control" name="immeuble" placeholder="Ajouter un nom" aria-label="no" required>
                        </div>
                        <div class="form-group mb-3">
                            <label class=""><small>Choisir Propriétaire</small></label>
                            <select class="form-control" name="proprietaireId" aria-label="name" required>
                            <option>Choisir le Proprietaire</option>
                                @if(!empty($bailleurs))
                                @foreach($bailleurs->filter(function ($bailleur) {
                                            return $bailleur->en_qualite_de == 1;
                                        }) as $bailleur)
                                            <option value="{{$bailleur->id}}"> {{$bailleur->nom}} {{$bailleur->prenom}} </option>
                                    @endforeach
                                @endif
                            </select>
                        </div>
                        <div class="form-group mb-3">
                            <label class=""><small>Choisir Bailleur</small></label>
                            <select class="form-control" name="bailleurId" aria-label="name" required>
                            <option>Choisir le Bailleur</option>
                                @if(!empty($bailleurs))
                                    @foreach($bailleurs as $bailleur)
                                            <option value="{{$bailleur->id}}"> {{$bailleur->nom}} {{$bailleur->prenom}} </option>
                                    @endforeach
                                @endif
                            </select>
                        </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" required>
                        </div>
                        <div class="form-group mb-3">
                            <label class=""><small>Choisir Zone</small></label>
                            <select class="form-control" name="zoneId" aria-label="name" required>
                            <option>Choisir la Zone</option>
                                @if(!empty($zones))
                                    @foreach($zones as $zone)
                                            <option value="{{$zone->id}}"> {{$zone->zone}} </option>
                                    @endforeach
                                @endif
                            </select>
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="form-group mb-3">
                            <label class=""><small>Latitude</small></label>
                            <input type="text" class="form-control" name="latitude" placeholder="Entrer Latitude" aria-label="no" required>
                        </div>
                        <div class="form-group mb-3">
                            <label class=""><small>Longitude</small></label>
                            <input type="text" class="form-control" name="longitude" placeholder="Entrer Longitude" aria-label="no" required>
                        </div>
                        <div class="form-group mb-3">
                            <label class=""><small>Dimension</small></label>
                            <input type="text" class="form-control" name="dimension" placeholder="Entrer Dimension" aria-label="no" required>
                        </div>
                        <div class="form-group mb-3">
                            <label class=""><small>Note</small></label>
                            <textarea type="text" class="form-control" rows="" name="note" aria-label="no" required ></textarea>
                        </div>
                        <div class="form-group mb-3">
                            <label class=""><small>Images</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