@include('includes.header')
<div class="container page__heading-container" style="max-width: 1500px;">
  <div class="page__heading d-flex align-items-end">
    <div class="flex">
      <nav aria-label="breadcrumb">
        <ol class="breadcrumb mb-0">
            <li class="breadcrumb-item">{{ $categorie }}</li>
            <li class="breadcrumb-item active"
            aria-current="page">Unités privatives</li>
        </ol>
    </nav>
    <h1 class="m-0">Registre des unités privatives</h1>
</div>
@if(Auth::user()->admin == 1)
<div class="flatpickr-wrapper ml-3">
  <button type="button"
  class="btn btn-primary"
  data-toggle="modal"
  data-target="#newUnite"><i class="fas fa-plus"></i>&nbsp;&nbsp;Créer une unité
</div>
@endif
@include('includes.toast', ['msg' => $msg])
</div>
</div>
<div class="container page__container" style="max-width: 1500px;">
    <div class="card">
        <div class="table-responsive">
            <br>
            <table class="table mb-0 thead-border-top-0 table-striped">
                <thead>
                    <tr>
                        <th style="width: 30px;"
                        class="text-center">Unités</th>
                        @if(Auth::user()->admin == 1)<th>Propriétaires</th>@endif
                        @if(Auth::user()->admin == 1)<th>Locataires</th>@endif
                        @if(Auth::user()->admin == 1)<th>Téléphones</th>@endif
                        @if(Auth::user()->admin == 1)<th>Courriels</th>@endif
                        <th class="text-right">Rangements</th>
                        <th class="text-right">Stationnements</th>
                        @if(Auth::user()->admin == 1)
                        <th style="width: 100px; text-align: right;">
                            <div class="dropdown pull-right">
                                <a href="#"
                                data-toggle="dropdown"
                                class="dropdown-toggle">Export</a>
                                <div class="dropdown-menu dropdown-menu-right">
                                    <style>
                                        .printButton {
                                            display: table-caption; !important;
                                        }
                                        button.dt-button {
                                            margin: 0px !important;
                                            padding: 0px !important;
                                            border: 0px !important;
                                        }
                                    </style>
                                    <div class="printButton"></div>
                                </div>
                            </div>
                        </th>
                        @endif
                    </tr>
                </thead>
                <tbody class="list"
                id="products">
                @foreach ($registreprivatif as $registre)
                <tr>
                    <td>
                        <div class="badge badge-dark">{{ $registre->unite_id }}</div>
                    </td>
                    @if(Auth::user()->admin == 1)
                    <td>
                        @foreach(json_decode($registre->tenants) as $key => $tenants)
                        @if(strpos($key, "proprio") !== false)
                        @if(!empty($tenants->nom)) {{ $tenants->nom }} @if(!empty($tenants->telephone))<a href="tel:{{ $tenants->telephone }}" class="badge badge-soft-dark"aria-expanded="false"><i class="fas fa-phone"></i></a>@endif @if(!empty($tenants->courriel))<a href="mailto:{{ $tenants->courriel }}" class="badge badge-soft-dark"aria-expanded="false"><i class="fas fa-at"></i></a>@endif @endif<br>
                        @endif
                        @endforeach
                    </td>
                    @endif
                    @if(Auth::user()->admin == 1)
                    <td>
                        @foreach(json_decode($registre->tenants) as $key => $tenants)
                        @php $i = 0; @endphp
                        @if(strpos($key, "locataire") !== false)
                        @php $i++; @endphp
                        @if(!empty($tenants->nom)) {{ $tenants->nom }} @if(!empty($tenants->telephone))<a href="tel:{{ $tenants->telephone }}" class="badge badge-soft-dark"aria-expanded="false"><i class="fas fa-phone"></i></a>@endif @if(!empty($tenants->courriel))<a href="mailto:{{ $tenants->courriel }}" class="badge badge-soft-dark"aria-expanded="false"><i class="fas fa-at"></i></a>@endif @endif<br>
                        @endif
                        @endforeach
                    </td>
                    <td>
                        @php $i = 0; @endphp
                        @foreach(json_decode($registre->tenants) as $key => $tenants)
                        @if(isset($tenants->telephone)) @php $i++; $format_phone = substr($tenants->telephone, -10, -7) . "-" .substr($tenants->telephone, -7, -4) . "-" .substr($tenants->telephone, -4); @endphp {{ $format_phone }} @if($i > 0) <br> @endif @endif
                        @endforeach
                    </td>
                    <td>
                        @php $i = 0; @endphp
                        @foreach(json_decode($registre->tenants) as $key => $tenants)
                        @if(isset($tenants->courriel)) @php $i++; @endphp {{ $tenants->courriel }} @if($i > 0) <br> @endif @endif
                        @endforeach
                    </td>
                    @endif
                    <td class="text-right">
                        @foreach($rangements as $rangement)
                        @if($rangement->unite_id == $registre->unite_id)
                        <div class="badge badge-soft-dark">#{{ $rangement->numero }}</div>@endif
                        @endforeach
                    </td>
                    <td class="text-right">
                        @foreach($stationnements as $stationnement)
                        @if($stationnement->unite_id == $registre->unite_id)
                        <div class="badge badge-soft-dark">{{ $stationnement->numero }}</div>@endif
                        @endforeach
                    </td>
                    @if(Auth::user()->admin == 1)
                    <td class="text-right">
                        <div class="btn-group dropdown">
                            <button type="button" class="btn btn-sm btn-primary dropdown-toggle" data-toggle="dropdown" aria-expanded="false"><i class="fas fa-cog"></i><span class="caret"></span> </button>
                            <div class="dropdown-menu" style="">
                                @csrf
                                <a href="/registre/{{ $registre->unite_id }}" class="dropdown-item">Modifier</a>
                                <form action="/registre/delete" method="post">
                                    @csrf
                                    <input type="hidden" name="id" value="{{ $registre->unite_id }}" />
                                    <button type="submit" class="dropdown-item" href="#">Supprimer</button>
                                </form>
                            </div>
                        </td>
                        @endif
                    </tr>
                    @endforeach
                </tbody>
            </table>
        </div>
    </div>
</div>
</div>
<!-- // END Header Layout Content -->
</div>
@include('widgets.newUnite')
<!-- // END Header Layout -->
@include('includes.footer')
<script type="text/javascript">
    $(document).ready(function(){
        var i = 1;
        var iz = 1;
        $(".addproprio").click(function(){
            i++;
            $(".divproprio").append('<div class="block"><div class="form-group" style="height:50px"> <div class="row"> <div class="col-10"><label for="nom">Nom du propriétaire</label> <input type="text" class="form-control" name="nom[proprio'+i+'][nom]" required></div> <div class="col-2"><div class="flatpickr-wrapper ml-3"> <br><br><br> <button type="button" class="btn btn-danger removeproprio" style="height:35px;margin-top: -55px;"> <i class="fas fa-minus"></i>&nbsp;&nbsp;</button> </div></div> </div> </div><div class="form-group" style="height:50px"> <div class="row"> <div class="col-6"> <label for="nom">Téléphone</label> <input type="text" class="form-control" name="nom[proprio'+i+'][telephone]"> </div> <div class="col-6"> <label for="nom">Courriel</label> <input type="email" class="form-control" name="nom[proprio'+i+'][courriel]"> </div> </div> </div></div>');
        });
        $(".proplocataire").click(function(){
            iz = 1;
        });      
        $(".selectlocataire").click(function(){
            if (iz == 1) {
                iz++;
                $(".divlocataire").append('<div class="form-group blockloc"> <label for="adresse">Adresse de correspondance des propriétaires</label> <div class="row"> <div class="col-3"> <input type="text" class="form-control" name="adresse[numero]" placeholder="Numéro"> </div> <div class="col-6"> <input type="text" class="form-control" name="adresse[rue]" placeholder="Rue"> </div> <div class="col-3"> <input type="text" class="form-control" name="adresse[bureau]" placeholder="Bureau"> </div> </div> <br> <div class="row"> <div class="col-8"> <input type="text" class="form-control" name="adresse[ville]" placeholder="Ville"> </div> <div class="col-4"> <input type="text" class="form-control" name="adresse[cp]" placeholder="Code postal"> </div> </div> </div><div class="blockloc"><div class="form-group" style="height:50px"> <div class="row"> <div class="col-10"><label for="nom">Nom du locataire</label> <input type="text" class="form-control" name="nom[locataire'+iz+'][nom]" required></div> <div class="col-2"><div class="flatpickr-wrapper ml-3"> <br><br><br> <button type="button" class="btn btn-secondary addlocataire" style="height:35px;margin-top: -55px;"> <i class="fas fa-plus"></i>&nbsp;&nbsp;</button> </div></div> </div> </div><div class="form-group" style="height:50px"> <div class="row"> <div class="col-6"> <label for="nom">Téléphone</label> <input type="text" class="form-control" name="nom[locataire'+iz+'][telephone]"> </div> <div class="col-6"> <label for="nom">Courriel</label> <input type="email" class="form-control" name="nom[locataire'+iz+'][courriel]"> </div> </div> </div></div>');
            }
        });
        $('body').on('click', '.addlocataire', function() {
            iz++;
            $(".divlocataire").append('<div class="blockloc"><div class="form-group" style="height:50px"> <div class="row"> <div class="col-10"><label for="nom">Nom du locataire</label> <input type="text" class="form-control" name="nom[locataire'+iz+'][nom]" required></div> <div class="col-2"><div class="flatpickr-wrapper ml-3"> <br><br><br> <button type="button" class="btn btn-danger removelocataire" style="height:35px;margin-top: -55px;"> <i class="fas fa-minus"></i>&nbsp;&nbsp;</button> </div></div> </div> </div><div class="form-group" style="height:50px"> <div class="row"> <div class="col-6"> <label for="nom">Téléphone</label> <input type="text" class="form-control" name="nom[locataire'+iz+'][telephone]"> </div> <div class="col-6"> <label for="nom">Courriel</label> <input type="email" class="form-control" name="nom[locataire'+iz+'][courriel]"> </div> </div> </div></div>');
        });
        $('body').on('click', '.removeproprio', function() {
            $(this).closest('.block').remove();
        });
        $('body').on('click', '.removelocataire', function() {
            $(this).closest('.blockloc').remove();
        });
        $('body').on('click', '.proplocataire', function() {
            $('.blockloc').remove();
            iz = 1;
        });
        $("#search").on("keyup", function() {
            var value = $(this).val().toLowerCase();
            $("#products tr").filter(function() {
              $(this).toggle($(this).text().toLowerCase().indexOf(value) > -1)
          });
        });
    });
</script>
</body>
</html>