@include('includes.header')
<div class="container page__heading-container">
  <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">Rangements</li>
        </ol>
    </nav>
    <h1 class="m-0">Registre des rangements</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="#newRangement"><i class="fas fa-plus"></i>&nbsp;&nbsp;Nouveau rangement
</div>
@endif
@include('includes.toast', ['msg' => $msg])
</div>
</div>
<div class="container page__container">
    <div class="card">
        <div class="table-responsive">
            <br>
            <table class="table mb-0 thead-border-top-0 table-striped">
                <thead>
                    <tr>
                        <th class="text-left">Rangements</th>
                        <th class="text-left">Unité</th>
                        <th class="text-left">Propriétaires</th>
                        <th class="text-left">Locataires</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 ($rangements as $rangement)
                <tr>
                    <td>
                        <div class="badge badge-soft-dark">#{{ $rangement->numero }}</div>
                    </td>
                    <td>
                        @if(!empty($rangement->unite_id))
                        {{ $rangement->unite_id }}
                        @else
                        <i>N/A</i>
                        @endif
                    </td>
                    <td>
                        @php
                        $query = DB::table('registreprivatif')
                        ->join('rangements', 'rangements.unite_id', '=', 'registreprivatif.unite_id')
                        ->where('registreprivatif.copropriete_id', Auth::user()->copropriete_active)
                        ->where('rangements.numero', $rangement->numero)
                        ->get();
                        @endphp

                        @foreach(json_decode($query) as $key => $tenants)
                        @foreach(json_decode($tenants->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
                        @endforeach
                        @if(empty($rangement->unite_id))
                        {{ json_decode($rangement->proprio_ext)->proprio1->nom }} @if(!empty(json_decode($rangement->proprio_ext)->proprio1->telephone))<a href="tel:{{ json_decode($rangement->proprio_ext)->proprio1->telephone }}" class="badge badge-soft-dark"aria-expanded="false"><i class="fas fa-phone"></i></a>@endif @if(!empty(json_decode($rangement->proprio_ext)->proprio1->courriel))<a href="mailto:{{ json_decode($rangement->proprio_ext)->proprio1->courriel }}" class="badge badge-soft-dark"aria-expanded="false"><i class="fas fa-at"></i></a>@endif
                        @endif
                    </td>
                    <td>
                        @foreach(json_decode($query) as $key => $tenants)
                        @foreach(json_decode($tenants->tenants) as $key => $tenants)
                        @if(strpos($key, "locataire") !== 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
                        @endforeach
                        @if(empty($rangement->unite_id))
                        <i>N/A</i>
                        @elseif(empty(json_decode($rangement->proprio_ext)->proprio1->nom))
                        <i>N/A</i>
                        @endif
                    </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 data-toggle="modal" data-target="#editRangement{{ $rangement->id }}" class="dropdown-item">Modifier</a>
                                <form action="/rangements/delete" method="post">
                                    @csrf
                                    <input type="hidden" name="id" value="{{ $rangement->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.newRangement')
@foreach ($rangements as $rangement)
@include('widgets.editRangement', ['id' => $rangement->id, 'numero' => $rangement->numero, 'unite_id' => $rangement->unite_id])
@endforeach
<!-- // END Header Layout -->
@include('includes.footer')
<script type="text/javascript">
    $(document).ready(function(){      
        $('.blockloc').hide();
        $("#search").on("keyup", function() {
            console.log('test');
            var value = $(this).val().toLowerCase();
            $("#products tr").filter(function() {
              $(this).toggle($(this).text().toLowerCase().indexOf(value) > -1)
          });
        });
        $(".selectexterne").click(function(){
            $(".blockloc").show();
            console.log('test');
            $(".unite_id").prop("disabled", true);
            $('.unite_id').prop('selectedIndex',0);
        });
        @foreach ($rangements as $rangement)
        @if(is_null($rangement->unite_id)) @else $('.blockloc{{ $rangement->id }}').hide(); @endif
        @if(is_null($rangement->unite_id)) $(".unite_id{{ $rangement->id }}").prop("disabled", true); @endif
        $(".selectexterne{{ $rangement->id }}").click(function(){
            $(".blockloc{{ $rangement->id }}").show();
            console.log('test{{ $rangement->id }}');
            $(".unite_id{{ $rangement->id }}").prop("disabled", true);
            $('.unite_id{{ $rangement->id }}').prop('selectedIndex',0);
        });
        $('body').on('click', '.removeext{{ $rangement->id }}', function() {
            $('.blockloc{{ $rangement->id }}').hide();
            $(".unite_id{{ $rangement->id }}").prop("disabled", false);
        });
        @endforeach
        $('body').on('click', '.removeext', function() {
            $('.blockloc').hide();
            $(".unite_id").prop("disabled", false);
        });
    });
</script>
</body>

</html>