@extends('layouts.master')

@section('pagetitle')
    Choix Services - {{ Auth::user()->etab()->first()->nom }}
@endsection

@section('topband')
    @include('partials.topband_con')
@endsection

@section('sidebar')
    @include('partials.sidebar_con', ['open' => 'mobile_tarif'])
@endsection

@section('content')
<script>
    var offres = {!! json_encode($offres) !!};
</script>

  
    
   <div class="content-wrapper">
        <div class="container-fluid">

            <div class="row">
                <div class="col-md-12">
                
                    <h2 class="page-title text-center">Type of date and Tarifs</h2>

                    @include('partials.errors')
                    @include('partials.infos')
                    
                    <div class="row">
                        <div class="col-md-7">
                            <div class="panel panel-default">
                                <div class="panel-heading">Abonnement Offres</div>
                                <div class="panel-body">
                                    <table id="alsk" class="display table table-striped table-bordered table-hover" cellspacing="0" width="100%">
                                        <thead>
                                            <tr>
                                                <th class="text-center">OFFRES</th>
                                                <th class="text-center">TYPE</th>
                                                <th class="text-center">TARIFS</th>
                                                <th class="text-center">OPÉRATION</th>
                                            </tr>
                                        </thead>
                                        <tbody class="text-center">
                                           @foreach($offres as $offre) 
                                                <tr id="table_refresh{{$offre['offre_id']}}">
                                                    <td class="text-uppercase">
                                                        {{$offre['offre_name']}}
                                                    </td>
                                                    <td class="text-uppercase">
                                                        {{$offre['offre_type']}}
                                                    </td>
                                                    <td>
                                                        {{count($offre['tarifs'])}}
                                                    </td>
                                                    <td>
                                                        @if ($offre['offre_exist'] == false)
                                                            <button class="btn btn-dark btn-sm refresh_button" id="{{$offre['offre_id']}}">CHOISIR</button>
                                                        @else
                                                            <button class="btn btn-danger btn-sm refresh_button" id="{{$offre['offre_id']}}">ENLEVER</button>
                                                        @endif
                                                            <button class="btn btn-success btn-sm mobile_tarif_button" id="{{$offre['offre_id']}}" data-toggle="modal" data-target="#tarifModal{{$offre['offre_id']}}">Modifier</button>
                                                    </td>
                                                </tr>

                                                <!-- MODAL -->
                                                    <div class="modal fade" id="tarifModal{{$offre['offre_id']}}" tabindex="-1" role="dialog" aria-labelledby="tarifModal" aria-hidden="true">
                                                      <div class="modal-dialog" role="document">
                                                        <div class="modal-content">
                                                          <div class="modal-header">
                                                            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                                              <span aria-hidden="true">&times;</span>
                                                            </button>
                                                            <h1 class="modal-title" id="exampleModalLabel">TARIFS</h1>                            
                                                            <p>Les tarifs qui sont enlever, seront définitivement supprimer sans confirmation</p>
                                                          </div>
                                                          <div class="modal-body" id="mobile_tarif_modal{{$offre['offre_id']}}" aria-hidden="true" >
                                                            @foreach($offre['tarifs'] as $tarif)
                                                                <div style="margin-top: 10px" class="delete_tarif_div" id="div_tarif{{$tarif['offretarif_id']}}">
                                                                    A Partir de <Input type="number" style="width: 50px;" name ="offretarif_jour"value="{{$tarif['offretarif_jour']}}"/> Jour(s) le prix serait de <Input type="number" name ="offretarif_prix"style="width: 50px;" value="{{$tarif['offretarif_prix']}}"/> €
                                                                    <button class="btn btn-danger btn-sm delete_tarif" id="{{$tarif['offretarif_id']}}">ENLEVER</button>
                                                                </div>
                                                            @endforeach
                                                          </div>
                                                          <div class="modal-footer">
                                                            <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
                                                            <button type="button" class="btn btn-primary saveTarif" id="{{$offre['offre_id']}}">Save changes</button>
                                                            <button type="button" class="btn btn-success addTarif" id="{{$offre['offre_id']}}">Ajouter Tarif</button>
                                                          </div>
                                                        </div>
                                                      </div>
                                                    </div>
                                                    <!-- END MODAL -->

                                            @endforeach 
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>

                       <!--  <div class="col-md-5">
                            <div class="panel panel-default">
                                <div class="panel-heading">A VOD</div>
                                <div class="panel-body">
                                    <div class="form-group form-horizontal">
                                        <div class="col-sm-9">
                                            <div class="checkbox">
                                                <input type="checkbox" id="selectallcats" name="selectallcats" value="true" onchange="selectallcats()" onclick="if (!(confirm('Êtes-vous sûr de vouloir sélectionner/retirer toutes les catégories ?'))) return false">
                                                <label for="selectallcats"> Sélectionner toutes les catégories </label>
                                            </div>
                                        </div>
                                        <br><br>
                                        <label class="col-sm-3 control-label">CATÉGORIE</label>
                                        <div class="col-sm-9">
                                            <select class="form-control text-uppercase" id="categorie" name="categorie" onchange="getFilms()">
                                                <option disabled selected> --- choisissez une catégorie --- </option>
                                               
                                            </select>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div> -->
                    </div>
                </div>       
            </div>
        </div>
        @include('partials.footer')  
    </div>
@endsection