@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">Stationnements</li>
        </ol>
    </nav>
    <h1 class="m-0">Registre des stationnements</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="#newStationnement"><i class="fas fa-plus"></i>&nbsp;&nbsp;Nouveau stationnement
</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" width="5%">#</th>
                        <th class="text-left" width="5%">Unité</th>
                        @if(Auth::user()->admin == 1)<th class="text-left">Propriétaires</th>@endif
                        @if(Auth::user()->admin == 1)<th class="text-left">Locataires</th>@endif
                        @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 ($stationnements as $stationnement)
                <tr>
                    <td>
                        <div class="badge badge-soft-dark">{{ $stationnement->numero }}</div>
                    </td>
                    <td>
                        @if(!empty($stationnement->unite_id))
                        <div class="badge badge-dark">{{ $stationnement->unite_id }}</div>
                        @else
                        <i>N/A</i>
                        @endif
                    </td>
                    @if(Auth::user()->admin == 1)
                    <td>
                        @php
                        $query = DB::table('registreprivatif')
                        ->join('stationnements', 'stationnements.unite_id', '=', 'registreprivatif.unite_id')
                        ->where('registreprivatif.copropriete_id', Auth::user()->copropriete_active)
                        ->where('stationnements.numero', $stationnement->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(Auth::user()->admin == 1) @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 @endif<br>
                        @endif
                        @endforeach
                        @endforeach
                        @if(empty($stationnement->unite_id))
                        {{ json_decode($stationnement->proprio_ext)->proprio1->nom }} @if(!empty(json_decode($stationnement->proprio_ext)->proprio1->telephone))<a href="tel:{{ json_decode($stationnement->proprio_ext)->proprio1->telephone }}" class="badge badge-soft-dark"aria-expanded="false"><i class="fas fa-phone"></i></a>@endif @if(!empty(json_decode($stationnement->proprio_ext)->proprio1->courriel))<a href="mailto:{{ json_decode($stationnement->proprio_ext)->proprio1->courriel }}" class="badge badge-soft-dark"aria-expanded="false"><i class="fas fa-at"></i></a>@endif
                        @endif
                    </td>
                    @endif
                    @if(Auth::user()->admin == 1)
                    <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
                    </td>
                    @endif
                    @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="#editStationnement{{ $stationnement->id }}" class="dropdown-item">Modifier</a>
                                <form action="/stationnements/delete" method="post">
                                    @csrf
                                    <input type="hidden" name="id" value="{{ $stationnement->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.newStationnement')
@foreach ($stationnements as $stationnement)
@include('widgets.editStationnement', ['id' => $stationnement->id, 'numero' => $stationnement->numero, 'unite_id' => $stationnement->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 ($stationnements as $stationnement)
        @if(is_null($stationnement->unite_id)) @else $('.blockloc{{ $stationnement->id }}').hide(); @endif
        @if(is_null($stationnement->unite_id)) $(".unite_id{{ $stationnement->id }}").prop("disabled", true); @endif
        $(".selectexterne{{ $stationnement->id }}").click(function(){
            $(".blockloc{{ $stationnement->id }}").show();
            console.log('test{{ $stationnement->id }}');
            $(".unite_id{{ $stationnement->id }}").prop("disabled", true);
            $('.unite_id{{ $stationnement->id }}').prop('selectedIndex',0);
        });
        $('body').on('click', '.removeext{{ $stationnement->id }}', function() {
            $('.blockloc{{ $stationnement->id }}').hide();
            $(".unite_id{{ $stationnement->id }}").prop("disabled", false);
        });
        @endforeach
        $('body').on('click', '.removeext', function() {
            $('.blockloc').hide();
            $(".unite_id").prop("disabled", false);
        });
    });
</script>
</body>

</html>