@extends('admin.layouts.default')
@section('content')
 
<div class="content-i">
  <div class="content-box">
    <div class="element-wrapper">
      <div class="element-box">
        <button class="btn btn-primary pull-right" data-target="#onboardingFormModal" data-toggle="modal" type="button" >Ajouter</button>
        @include('admin.partials.modals.bonReduction')
        <h5 class="form-header">
        Liste bons de réductions
        </h5>
        <div class="table-responsive">
          <table id="dataTable1" class="table table-striped table-lightfont">
            <thead>
              <tr>
                <th></th>
                <th>Code</th>
                <th>Date d'émision</th>
                <th>Date limite de validité</th>
                <th>Bénéficiaire </th>
                <th style="text-align: center;">Type d'achat</th>
                <th>Utilisation</th>
                <th>Montant</th>
                <th>Statut</th>
                <th>solde</th>
                <th></th>
              </tr>
            </thead>
             
            <tbody>
             @foreach($bons as $carte)
              <tr @if($carte->created_for == 0) style="background: #c3d4ff; color: #0033b1;}" @endif >
                <td>{{ $carte->id }}</td>
                <td>{{ $carte->code }}</td>
                <td>{{ $carte->created_at }} </td>
                <td>{{ $carte->expire_date ?? 'Illimité'  }} </td>
                <td>
                  @if($carte->user)
                    {{ $carte->user->prenom ??''  }} {{ $carte->user->nom ??''  }}  
                  @else
                    Public
                  @endif
                </td>
                {{-- <td> 
                  @if( ($carte->achat_essentiel || $carte->achat_incontournable|| $carte->achat_fantastique)  && $carte->achat_mobilier)
                      Mixte
                  @elseif($carte->achat_essentiel || $carte->achat_incontournable|| $carte->achat_fantastique)
                        @if($carte->achat_essentiel)<div> Essentiel </div>@endif
                        @if($carte->achat_incontournable)<div> Incontournable </div>@endif
                        @if($carte->achat_fantastique)<div> Fantastique </div>@endif
                        @if($carte->achat_esquisse)<div> <i>Esquisse</i> </div>@endif
                        @if($carte->achat_conception)<div> <i>Conception</i> </div>@endif
                  @elseif($carte->achat_mobilier)
                      Mobilier
                  @endif
                  @if($carte->achat_maison)<div><i> Maison </i></div>@endif
                  @if($carte->achat_studio)<div><i> Studio </i></div>@endif
                  @if($carte->achat_pro)<div><i> Pro </i></div>@endif
                  @if($carte->achat_bricorama)<div> Bricorama </div>@endif
                </td> --}}
                <td align="center">
                  <div class="btn btn-sm btn-primary"
                      data-target="#details-bon_{{$carte->id}}" data-toggle="modal">
                      <i class="fa fa-commenting-o"></i>
                  </div>
                  @include(
                      'admin.partials.modals.detailsBon',
                      $carte
                  )
              </td>
                <td style="text-transform: capitalize;">{{ $carte->utilisation }} </td>
                <td>{{ $carte->montant }} €</td>
                <td>{{ $carte->statut }}</td>
                <td>{{ $carte->montant_restant }} €</td>
                <td>
                  <a href="{{ route('admin.reduction.delete', $carte->id) }}" class="btn btn-danger btn-sm m-0"><i class="fa fa-trash"></i></a>
                  @if( $carte->statut != 'Expiré' )
                    <a href="{{ route('admin.reduction.set_to_expire', $carte->id) }}" class="btn btn-primary btn-sm m-0"><i class="fa fa-lock"></i></a>
                  @endif
                </td>
              </tr>
              @endforeach

            </tbody>
          </table>
        </div>
      </div>
    </div>
  </div>
</div>
@endsection
@section('script')
<script src="https://cdnjs.cloudflare.com/ajax/libs/selectize.js/0.12.6/js/standalone/selectize.min.js" integrity="sha256-+C0A5Ilqmu4QcSPxrlGpaZxJ04VjsRjKu+G82kl5UJk=" crossorigin="anonymous"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/selectize.js/0.12.6/css/selectize.bootstrap3.min.css" integrity="sha256-ze/OEYGcFbPRmvCnrSeKbRTtjG4vGLHXgOqsyLFTRjg=" crossorigin="anonymous" />
<script>
  $(document).ready(function () {
      $('#selectUser').selectize({
          sortField: 'text'
      });
  });
</script>
@endsection