@extends('layouts.admin')

@section('css')
@parent
    <!-- JQuery DataTable Css -->
    {!! Html::style('adminbsb_plugins/jquery-datatable/skin/bootstrap/css/dataTables.bootstrap.min.css') !!}
@stop

@section('content')

<div class="block-header">
	<h2><i class="material-icons">local_hotel</i> Web Loca</h2>
</div>
     
<div class="row clearfix">
    <div class="col-xs-12">
        <div class="card">                
            <div class="header">
              @if (auth()->user()->role == "Webmaster")  
              {!! Html::link(action('\Plugins\Webloca\Controller\WeblocaController@edit_parametres'), "Modifier les paramètres du Web Loca", array("class" => "btn btn-sm bg-black waves-effect m-l-15 pull-right")) !!}
              @endif
              <h2>
                <p>Gestion des réservations</p>
                <small>Liste des réservations en attente</small>
              </h2>
            </div><!--END HEADER--> 
            <div class="body table-responsive">
              <table class="table" id="table_menu">
                <thead>
                    <tr>
                        <th class="text-left">ID</th>
                        <th class="text-left">Date de début</th>
                        <th class="text-left">Heure de début</th>
                        <th class="text-left">Date de fin</th>
                        <th class="text-left">Heure de fin</th>
                        <th class="text-left">Produit</th>
                        <th class="text-center">Valider la réservation</th>
                        <th class="text-center">Actions</th>
                    </tr>
                </thead>
                @if(sizeof($reservations) != 0)
                <tbody class="table_data">     
                    @foreach($reservations as $reservation)   
                    
                            

                          <tr class="data">
                              <td class="text-left"></td>
                              <td class="text-left">25/04/2026</td>
                              <td class="text-left">19:27</td>
                              <td class="text-left">25/04/2026</td>
                              <td class="text-left">19:27</td>
                              <td class="text-left"></td>                           
                              <td class="text-center"><a href="{{ action('\Plugins\Webloca\Controller\WeblocaController@valid_reservation', array('id' => $reservation->id)) }}" title="Valider la réservation" class="col-light-green"><i class="material-icons" title="Valider la réservation">check_circle</i></a></td>
                              <td class="text-center">
                                <a href="{{ action('\Plugins\Webloca\Controller\WeblocaController@delete_reservation', array('id' => $reservation->id)) }}" title="Supprimer la réservation" onclick="return confirm('Etes-vous sûr de vouloir supprimer cet élément ?');" class="col-red"><i class="material-icons">delete_forever</i></a>
                                <a href="{{ action('\Plugins\Webloca\Controller\WeblocaController@edit_reservation', array('id' => $reservation->id)) }}" title="Editer la réservation"><i class="material-icons">edit</i></a>                                        

                              </td>
                          </tr>
    
                      @endforeach  
                      @else  
                      <table>
                          <p class="text-center">Vous n'avez pas de réservation en attente...</p>
                      </table> 
                     
                  </tbody>
                @endif
              </table>
            </div>  
      </div><!--END CARD-->
    </div><!--END COL-->
</div><!--END ROW-->

  
<div class="row clearfix">
    <div class="col-xs-12">
      <div class="card">              
        <div class="header">
          {!! Html::link(action('\Plugins\Webloca\Controller\WeblocaController@edit_reservation'), "Créer une réservation", array( "class" => "btn btn-sm bg-orange waves-effect m-l-15 pull-right")) !!}
          {!! Html::link(action('\Plugins\Webloca\Controller\WeblocaController@export_clients'), "Exporter les reservataires en csv", array("class" => "btn btn-sm bg-teal waves-effect m-l-15 pull-right")) !!}
          <h2>
            <p>Calendrier des réservations</p>
          </h2>
        </div>        
        <div class="body">
          <div class="table_data">
              <div class="data">
                  <div class="cell row100 center" style="height: auto;" id="calendar">
          
                  </div>        
              </div>
          </div>       
       </div>
      </div>
  </div>
</div>

<div class="row clearfix">
    @if(sizeof($categories) > 0)
        <div class="col-xs-12 col-sm-5">
          <div class="card">                
            <div class="header">
              <h2>
                <p>Liste des catégories locatives</p>
              </h2>
            </div>        
            <div class="body table-responsive">
              <table class="table" id="table_menu">
                <thead>
                    <tr>
                        <th>ID</th>
                        <th>Libellé de la catégorie</th>
                        <th>Actions</th>
                    </tr>
                </thead>
                <tbody class="table_data">
                @foreach ($categories as $categorie)
                  <tr class="data" id="row_{{ $categorie->id }}">
                    <td><input type="hidden" value="{{ $categorie->rang }}" id="rang_{{ $categorie->id }}" name="rang_{{ $categorie->id }}">{{ $categorie->id }}</td>
                    <td>{{ $categorie->libelle }}</td>
                    <td>
                      <div class="actions">
                        <a href="{{ action('\Plugins\Webloca\Controller\WeblocaController@delete_categorie', array('id' => $categorie->id)) }}" title="Supprimer la catégorie" onclick="return confirm('Etes-vous sûr de vouloir supprimer cet élément ?');" class="col-red"><i class="material-icons">delete_forever</i></a>
                        <a href="{{ action('\Plugins\Webloca\Controller\WeblocaController@edit_categorie', array('id' => $categorie->id)) }}" title="Editer la catégorie"><i class="material-icons">edit</i></a>                                       
                      </div>
                    </td>
                  </tr>
                @endforeach
                </tbody>
              </table>
              <a href="{{ action('\Plugins\Webloca\Controller\WeblocaController@edit_categorie') }}" data-toggle="tooltip" data-placement="bottom" title="Ajouter une catégorie" data-original-title="Ajouter une catégorie" class="btn bg-teal btn-circle-lg waves-effect waves-circle waves-float">
                <i class="material-icons">add</i>
              </a>
            </div>
          </div>
        </div>
    
    @else
        <div class="col-xs-12 col-sm-5">
          <div class="card">
            <div class="header">
              <h2>
                <p>Liste des catégories locatives</p>
              </h2>
            </div>
            <div class="body">
              <p class="col-red">Aucune catégorie pour le moment.</p>
              <a href="{{ action('\Plugins\Webloca\Controller\WeblocaController@edit_categorie') }}" data-toggle="tooltip" data-placement="bottom" title="Ajouter votre première catégorie" data-original-title="Ajouter votre première catégorie" class="btn bg-teal btn-circle-lg waves-effect waves-circle waves-float">
                <i class="material-icons">add</i>
              </a>
            </div>
          </div>
        </div>
    @endif
    
    @if(sizeof($produits) != 0)
        <div class="col-xs-12 col-sm-7">
          <div class="card">                
            <div class="header">
              <h2>
                <p>Liste des produits locatifs</p>
              </h2>
            </div>        
    
            <div class="body table-responsive">
              <table class="table">
                <thead>
                    <tr>
                        <th>ID</th>
                        <th>Nom du produit</th>
                        <th>Catégorie</th>
                        <th>Quantité</th>
                        <th>Actions</th>
                    </tr>
                </thead>
                <tbody class="">
                @foreach ($produits as $produit)
                    <tr class="">                                               
                      <td>{{ $produit->id }}</td>
                      <td>{{ $produit->libelle }}</td>
                      <td>{{ $produit->categorie ? $produit->categorie->libelle : "" }}</td>
                      <td>{{ $produit->qte }}</td>
                      <td>
                        <div class="actions">
                          <a href="{{ action('\Plugins\Webloca\Controller\WeblocaController@delete_produit', array('id' => $produit->id)) }}" title="Supprimer ce produit" onclick="return confirm('Etes-vous sûr de vouloir supprimer cet élément ?');" class="col-red"><i class="material-icons">delete_forever</i></a>
                          <a href="{{ action('\Plugins\Webloca\Controller\WeblocaController@edit_produit', array('id' => $produit->id)) }}" title="Editer ce produit"><i class="material-icons">edit</i></a>                                       
                        </div>
                      </td>
                    </tr>
                @endforeach
                </tbody>
              </table>
              <a href="{{ action('\Plugins\Webloca\Controller\WeblocaController@edit_produit') }}" data-toggle="tooltip" data-placement="bottom" title="Ajouter un produit" data-original-title="Ajouter un produit" class="btn bg-teal btn-circle-lg waves-effect waves-circle waves-float">
                <i class="material-icons">add</i>
              </a>
            </div>
    
          </div>
        </div>
    @else
      @if(sizeof($categories) > 0)
          <div class="col-xs-12 col-sm-7">
            <div class="card">
              <div class="header">
                <h2>
                  <p>Liste des produits locatifs</p>
                </h2>
              </div>
              <div class="body">
                <p class="col-red">Aucun produit pour le moment.</p>
                <a href="{{ action('\Plugins\Webloca\Controller\WeblocaController@edit_produit') }}" data-toggle="tooltip" data-placement="bottom" title="Ajouter votre premier produit" data-original-title="Ajouter votre premier produit" class="btn bg-teal btn-circle-lg waves-effect waves-circle waves-float">
                  <i class="material-icons">add</i>
                </a>
              </div>
            </div>
          </div>
      @endif
    @endif
</div>



@stop
@section('css')
    @parent
    {!! Html::style("monthly/css/monthly.css") !!}
@stop
@section('js')
    @parent
    {!! Html::script("monthly/js/monthly.js") !!}
    {!! Html::script("https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.0/jquery-ui.min.js") !!}
    <script type="text/javascript">
        $(window).load( function() {
            $('#calendar').monthly({
                mode: 'event',
                xmlUrl: '{{ action('\Plugins\Webloca\Controller\WeblocaController@get_reservations') }}'
            });
        });
    </script>
@stop