@extends('layouts.app')


@section('css')
<style>
    /* Hide text in the navigation tabs by default */
.nav-item span {
display: none;
}
/* Show the one that's active */
.nav-item .active span {
display: inline-block;
}
</style>
<link rel="stylesheet" href="https://cdn.datatables.net/1.13.7/css/jquery.dataTables.min.css" >
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" rel="stylesheet" />

@endsection


@section('js')

<script src="https://code.jquery.com/jquery-3.7.0.js"></script>
<script src="https://cdn.datatables.net/1.13.7/js/jquery.dataTables.min.js"></script>

<script>
    new DataTable('#example');
</script>
@endsection

@section('content')
<div class="fuild-container">
    <div class="">
        <a href="{{route('partenaires.index')}}" class="discription">
            <img src="{{ asset('images/arrow_down.svg') }}" alt=""> Retour
        </a>
    </div>
    <br>
    <div class="d-flex">
        <div class="mr-auto">
            <h1 class="h3-bold mb-40">Point de vente : {{ $partenaire?->name }}</h1>
        </div>
        <div class="p-2">
            <button type="button" class="btn btn-primary btn-sm" data-toggle="modal" data-target="#exampleModalCenter">
                Ajouter un avantage
              </button>
              <a href="{{route('partenaires.edit',$partenaire->id)}}" class="btn btn-primary btn-sm">
                Modifier le point de vente
              </a>
        </div>

    </div>

    <!-- Modal -->
    <div class="modal fade" id="exampleModalCenter" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true">
        <div class="modal-dialog modal-lg" role="document">
            <div class="modal-content">
                <form action="/avantages/store" method="post" enctype="multipart/form-data">
                    <div class="modal-header">
                        <h5 class="modal-title" id="exampleModalLongTitle">Ajouter un avantage</h5>
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                        </button>
                    </div>
                    <div class="modal-body">

                            @csrf


                            <div class="row">
                                <div class="col-lg-6 col-md-6 col-12">
                                    <div class="form-group">
                                        <label for="exampleInputinterets1">Intérêts <sup>*</sup></label>
                                        <select class="form-select" aria-label="Default select example" name="interet" required>
                                            <option hidden value="">Sélectionner l'intérêt correspondant à votre avantage</option>
                                            @foreach ($interets as $interet)
                                                <option value="{{ $interet->id }}" @if (old('interet') == $interet->id) selected="selected" @endif>
                                                    {{ $interet->nom_interet }}</option>
                                            @endforeach
                                        </select>
                                        @error('interet')
                                            <span class="invalid-feedback" role="alert">
                                                <strong>{{ $message }}</strong>
                                            </span>
                                        @enderror
                                    </div>
                                </div>
                                <div class="col-lg-6 col-md-6 col-12">
                                    <div class="form-group">
                                        <label class="col-form-label">Image <sup>*</sup></label>
                                        <input required type="file" class="form-control @error('image') is-invalid @enderror" name="image"
                                            id="selectImage">
                                        <label class="col-form-label"><sub>Format acceptée : png, jpg</sub></label>
                                        @error('image')
                                            <span class="invalid-feedback" role="alert">
                                                <strong>L’image n’a pas pu être importée correctement</strong>
                                            </span>
                                        @enderror
                                        <img id="preview" src="#" alt="your image" class="mt-3" style="display:none;" />
                                    </div>
                                </div>
                            </div>


                            <div class="row ">
                                <label for="inputEmail4" class="form-label label mb-12"><br>Type de réduction
                                    <sup>*</sup></label>
                                <div style="display:flex">
                                    <div class="form-check" style="margin-right:25px">
                                        <input class="form-check-input @error('prtype') is-invalid @enderror" type="radio" name="prtype"
                                            id="exampleRadios1" value="1" checked>
                                        <label class="form-check-label" for="exampleRadios1">
                                            Pourcentage
                                        </label>
                                        @error('prtype')
                                            <span class="invalid-feedback" role="alert">
                                                <strong>{{ $message }}</strong>
                                            </span>
                                        @enderror
                                    </div>
                                    <div class="form-check">
                                        <input class="form-check-input @error('prtype') is-invalid @enderror" type="radio" name="prtype"
                                            id="exampleRadios2" value="0">
                                        <label class="form-check-label" for="exampleRadios2">
                                            Montant F CFA
                                        </label>
                                    </div>
                                </div>
                                <br>
                            </div>

                            <div class="form-group">
                                <label for="exampleInputcategories1"><br>Réduction <sup>*</sup></label>
                                <input type="text" class="form-control @error('pourcentage') is-invalid @enderror"
                                    id="exampleInputcategories1" aria-describedby="categoriesHelp" placeholder="Réduction"
                                    required name="pourcentage" value="{{ old('pourcentage') }}">
                                @error('pourcentage')
                                    <span class="invalid-feedback" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                                @enderror
                            </div>
                            <div class="form-group">
                                <label for="exampleInputcategories1">Nom de l’avantage <sup>*</sup></label>
                                <input type="text" class="form-control @error('nom_coupon') is-invalid @enderror"
                                    id="exampleInputcategories1" aria-describedby="categoriesHelp" placeholder="Entrer le nom de l’avantage"
                                    required name="nom_coupon" value="{{ old('nom_coupon') }}">
                                @error('nom_coupon')
                                    <span class="invalid-feedback" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                                @enderror
                            </div>
                            {{--

                                <div class="form-group">
                                    <label for="exampleInputcategories1">Lieu <sup>*</sup> </label>
                                    <input type="text" class="form-control @error('lieu') is-invalid @enderror" id="exampleInputcategories1"
                                        aria-describedby="categoriesHelp" placeholder="Renseigner le lieu où l'avantage est valide" required
                                        name="lieu" value="{{ old('lieu') }}">
                                    @error('lieu')
                                        <span class="invalid-feedback" role="alert">
                                            <strong>{{ $message }}</strong>
                                        </span>
                                    @enderror
                                </div>
                            --}}
                            <div class="form-group">
                                <label for="date_start">Période de validité : <sup>*</sup></label>
                                <div class="row">
                                    <div class="col-lg-6 col-md-6 col-12">
                                        <div class="form-group">
                                            <label for="">Début</label>
                                            <input type="date" class="form-control @error('debut') is-invalid @enderror" id="date_start"
                                            aria-describedby="categoriesHelp" required name="debut" value="{{ old('debut') }}">
                                            @error('debut')
                                                <span class="invalid-feedback" role="alert">
                                                    <strong>{{ $message }}</strong>
                                                </span>
                                            @enderror
                                        </div>
                                    </div>
                                    <div class="col-lg-6 col-md-6 col-12">
                                        <div class="form-group">
                                            <label for="date_end">Fin</label>

                                            <input type="date" class="form-control @error('fin') is-invalid @enderror" id="date_end"
                                                aria-describedby="categoriesHelp" required name="fin" value="{{ old('fin') }}">

                                                @error('fin')
                                                <span class="invalid-feedback" role="alert">
                                                    <strong>{{ $message }}</strong>
                                                </span>
                                                <br>
                                            @enderror
                                        </div>
                                    </div>
                                </div>



                            </div>


                            <input type="hidden" name="partenaire" value="{{ $partenaire->id}}">


                            <div class="form-group">
                                <label for="exampleFormControlTextarea1">Description <sup>*</sup></label>
                                <textarea class="form-control @error('description') is-invalid @enderror" id="exampleFormControlTextarea1"
                                    name="description" rows="3" required>{{ trim(old('description')) }}</textarea>
                                @error('description')
                                    <span class="invalid-feedback" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                                @enderror
                            </div>



                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-secondary" data-dismiss="modal">Fermer</button>
                        <button type="submit" class="btn btn-success">Enregistrer</button>
                    </div>
                </form>
            </div>
        </div>
    </div>

    <div class="row mt-2 mb-5">
        <div class="row">
            <div class="col-xl-3 col-sm-6 col-12">
              <div class="card">
                <div class="card-content">
                  <div class="card-body">
                    <div class="media d-flex">
                      <div class="media-body text-left">
                        <h3 class="danger">{{$partenaire->avantages_partenaires->count() ?? 0}}</h3>
                        <span>Avantages</span>
                      </div>
                      <div class="align-self-center">
                        <i class="icon-rocket danger font-large-2 float-right"></i>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>

            </div>

          </div>

    </div>
    <div class="card">

        <div class="row" id="tabbedItemsRow">
            <div class="col-lg columnBlock">
              <ul class="nav nav-tabs" role="tablist">
                <li class="nav-item">
                    <a class="nav-link active" data-toggle="tab" href="#Content1">
                      <i class="fas fa-info text-primary"></i>
                      <span>Informations générales</span>
                    </a>
                  </li>
                <li class="nav-item">
                  <a class="nav-link" data-toggle="tab" href="#user">
                    <i class="fas fa-user text-primary"></i>
                    <!-- tab icon -->
                    <span>Gérant</span>
                    <!-- tab text-->
                  </a>
                </li>

                <li class="nav-item">
                  <a class="nav-link" data-toggle="tab" href="#Content3">
                    <i class="fas fa-server text-primary"></i>
                    <span>Avantages</span>
                  </a>
                </li>

              </ul>
              <div class="tab-content">
                <div id="Content1" class="tab-pane active">
                  <div class="card-body">
                    <div class="row mt-2 mb-2">
                        <div class="logo-part ">
                            <img class="card-img-top" src="{{ asset('images/uploads/'.$partenaire->logo) }}" alt="Card image cap" width="100px">
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-lg-8 col-md-8 col-12">
                            <div class="row">
                                <div class="col-lg-6 col-md-6 col-12">
                                    @if($partenaire?->num)
                                    <div class="d-flex flex-row align-items-center mb-15">
                                        <div class="flex-column">
                                            <h5 class="h4-semibold">ID </h5>
                                            <label class="label ">{{ $partenaire?->num }}</label>
                                        </div>
                                    </div>
                                    @endif
                                </div>
                                <div class="col-lg-6 col-md-6 col-12">
                                    <div class="d-flex flex-row align-items-center mb-15">
                                        <div class="flex-column">
                                            <h5 class="h4-semibold">Secteur</h5>
                                            <label class="label ">{{ $partenaire->secteur }}</label>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-lg-6 col-md-6 col-12">
                                    <div class="d-flex flex-row align-items-center mb-15">
                                        <div class="flex-column">
                                            <h5 class="h4-semibold">Nom</h5>
                                            <label class="label ">{{ $partenaire?->name }} {{ $partenaire?->prenom }}</label>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-lg-6 col-md-6 col-12">
                                    <div class="d-flex flex-row align-items-center mb-15">
                                        <div class="flex-column">
                                            <h5 class="h4-semibold">Adresse</h5>
                                            <label class="label ">
                                                {{$partenaire->info_partenaire->adresse ?? 'َAucune information' }}
                                                {{-- $partenaire?->info_partenaire?->adresse || 'َAucune information' --}}
                                            </label>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="row">

                                <div class="col-lg-6 col-md-6 col-12">

                                    @if($partenaire?->partenaire_garants?->phone)
                                    <div class="d-flex flex-row align-items-center mb-15">
                                        <div class="flex-column">
                                            <h5 class="h4-semibold">Téléphone</h5>
                                            <label class="label ">{{ $partenaire?->partenaire_garants?->phone }}</label>
                                        </div>
                                    </div>
                                    @endif
                                </div>
                                <div class="col-lg-6 col-md-6 col-12">
                                    @if($partenaire?->partenaire_garants?->email)
                                    <div class="d-flex flex-row align-items-center mb-15">
                                        <div class="flex-column">
                                            <h5 class="h4-semibold">Adresse e-mail</h5>
                                            <label class="label ">{{ $partenaire?->partenaire_garants?->email }}</label>
                                        </div>
                                    </div>
                                    @endif
                                </div>
                            </div>

                            <div class="row">
                                <div class="col-lg-6 col-md-6 col-12">
                                    @if($partenaire?->info_partenaire?->jouverture)
                                    <div class="d-flex flex-row align-items-center mb-15">
                                        <div class="flex-column">
                                            <h5 class="h4-semibold">Jours d'ouverture</h5>
                                            @php
                                                $jours = explode(',',$partenaire?->info_partenaire?->jouverture);
                                                $day = '';
                                                foreach ($jours as $jour) {
                                                    if($jour != ''){
                                                        $day .=  $jour.', ';
                                                    }
                                                }
                                            @endphp
                                            <label class="label ">{{ $day }}</label>
                                        </div>
                                    </div>
                                    @endif
                                </div>
                                <div class="col-lg-6 col-md-6 col-12">
                                    @if($partenaire?->info_partenaire?->houverture)
                                    <div class="d-flex flex-row align-items-center mb-15">
                                        <div class="flex-column">
                                            <h5 class="h4-semibold">Heure d'ouverture</h5>
                                            <label class="label ">{{ $partenaire?->info_partenaire?->houverture }}</label>
                                        </div>
                                    </div>
                                    @endif
                                </div>
                            </div>
                            <div class="row mt-2">
                                <div class="col-lg-6 col-md-6 col-12">
                                    @if($partenaire?->info_partenaire?->hfermeture)
                                    <div class="d-flex flex-row align-items-center mb-15">
                                        <div class="flex-column">
                                            <h5 class="h4-semibold">Heure de fermeture</h5>
                                            <label class="label ">{{ $partenaire?->info_partenaire?->hfermeture }}</label>
                                        </div>
                                    </div>
                                    @endif
                                </div>
                            </div>



                        </div>
                        <div class="col-lg-3 col-md-3 col-12">
                            <div style="text-align: center;">
                                {{-- {{ print_r($partenaire->qrcode) }} --}}
                                @if (isset($partenaire->qrcode))
                                    <img src="{{ asset($partenaire->qrcode) }}" alt="{{ $partenaire->qrcod }}" width="200px">

                            </div>
                            <br>

                            <div style="text-align: center;">
                                <button type="button" class="btn btn-primary" id="downloadQrCode">Télécharger Qr code</button>
                            </div>
                            @endif
                        </div>
                    </div>


                  </div>
                </div>
                <div id="user" class="tab-pane hide">
                    <div class="card-body">
                        <div class="row mt-2">
                            <div class="col-lg-6 col-md-6 col-12">
                                <div class="d-flex flex-row align-items-center mb-15">
                                    <div class="flex-column">
                                        <h5 class="h4-semibold">Nom responsable</h5>
                                        <label class="label ">{{ $partenaire?->partenaire_garants?->nom }}</label>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-6 col-md-6 col-12">
                                <div class="d-flex flex-row align-items-center mb-15">
                                    <div class="flex-column">
                                        <h5 class="h4-semibold">Prénom responsable</h5>
                                        <label class="label ">{{ $partenaire?->partenaire_garants?->prenom }}</label>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="row mt-2">
                            <div class="col-lg-6 col-md-6 col-12">
                                <div class="flex-column">
                                    <h5 class="h4-semibold">Adresse E-mail</h5>
                                    <label class="label ">{{ $partenaire?->partenaire_garants?->email }}</label>
                                </div>
                            </div>
                            <div class="col-lg-6 col-md-6 col-12">
                                <div class="d-flex flex-row align-items-center mb-15">
                                    <div class="flex-column ">
                                        <h5 class="h4-semibold">Téléphone contact</h5>
                                        <label class="label">{{ $partenaire->partenaire_garants?->phone }}</label>
                                    </div>
                                </div>
                            </div>
                        </div>

                    </div>



                </div>
                <div id="Content2" class="tab-pane hide">

                    <div class="card-body">
                        <div class="row mt-2">
                            <div class="table-responsive">
                                <table class="table table-stripped table-hover table-bordered">
                                    <thead>
                                        <tr>
                                            <th>Nom de l'avantage</th>
                                            <th>Réduction</th>
                                            <th>Lien</th>
                                            <th>Période de validité</th>
                                            <th>Intérêt</th>
                                            <th>Actions</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @if($partenaire->avantages_partenaires)
                                        @php($avantages_partenaires =  $partenaire->avantages_partenaires )
                                        @foreach ($partenaire->avantages_partenaires as $item)
                                            <tr>
                                                <td> {{$item->nom_coupon}}</td>
                                                <td> {{$item->pourcentage}}  {{ $item->prtype ==1 ? "%" : "F CFA"}} </td>
                                                <td> {{$item->start_validite}} - {{$item->end_validite}}</td>
                                                <td>{{$item->avantages_interets->nom_interet ?? ""}} </td>
                                                <td>
                                                    <a href="/avantages/details/' .{{ $item->id}} . '" class="action"><i class="fas fa-eye"></i></a>
                                                    <a class="action" href="/avantages/edit/' . {{$item->id}} . '"><i class="fas fa-edit"></i></a>
                                                    <span class="action" data-toggle="modal" data-target="#delete' . {{$item->id }}. '"><i class="fas fa-trash-alt"></i></span>

                                                    <div class="modal fade" id="delete' . {{$item->id }}. '" tabindex="-1" role="dialog" aria-labelledby="deleteLabel" aria-hidden="true">
                                                    <div class="modal-dialog" role="document">

                                                        <div class="modal-content">
                                                        <div class="modal-header">
                                                            <h5 class="modal-title" id="deleteLabel">Supprimer ' . $item->name . '</h5>
                                                            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                                            <span aria-hidden="true">&times;</span>
                                                            </button>
                                                        </div>
                                                        <div class="modal-body" style="text-align:left">
                                                            Êtes-vous sûr de vouloir supprimer cet avantage ?
                                                        </div>
                                                        <div class="modal-footer">
                                                            <button type="button" class="btn btn-secondary" data-dismiss="modal">Fermer</button>
                                                            <a href="/avantages/delete/' . {{$item->id}} . '" type="submit" class="btn btn-primary text-white">Supprimer</a>
                                                        </div>
                                                        </div>
                                                    </div>
                                                </div>
                                                </td>
                                            </tr>
                                        @endforeach
                                        @else
                                            <tr>
                                                <td colspan="5" class="center">Aucune donnée de disponible</td>
                                            </tr>
                                        @endif
                                    </tbody>
                                </table>
                            </div>
                        </div>

                    </div>
                </div>
                <div id="Content3" class="tab-pane hide">
                  <div class="card-body">
                        <div class="row mt-2">
                            <div class="table-responsive">
                                <table id="example" class="table table-stripped table-hover table-bordered">
                                    <thead>
                                        <tr>
                                            <th>Nom de l'avantage</th>
                                            <th>Réduction</th>
                                            <th>Période de validité</th>
                                            <th>Intérêt</th>
                                            <th>Actions</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @if($partenaire->avantages_partenaires)
                                        @php($avantages_partenaires =  $partenaire->avantages_partenaires )
                                        @foreach ($partenaire->avantages_partenaires as $item)
                                            <tr>
                                                <td> {{$item->nom_coupon}}</td>
                                                <td> {{$item->pourcentage}}  {{ $item->prtype ==1 ? "%" : "F CFA"}} </td>
                                                <td> {{$item->start_validite}} - {{$item->end_validite}}</td>
                                                <td>{{$item->avantages_interets->nom_interet ?? ""}} </td>
                                                <td>
                                                    <a href="/avantages/details/{{$item->id}}" class="action"><i class="fas fa-eye"></i></a>
                                                    <a class="action" href="/avantages/edit/{{$item->id}}"><i class="fas fa-edit"></i></a>
                                                    <span class="action" data-toggle="modal" data-target="#delete{{$item->id}}"><i class="fas fa-trash-alt"></i></span>

                                                    <div class="modal fade" id="delete{{$item->id}}" tabindex="-1" role="dialog" aria-labelledby="deleteLabel" aria-hidden="true">
                                                        <div class="modal-dialog" role="document">

                                                            <div class="modal-content">
                                                            <div class="modal-header">
                                                                <h5 class="modal-title" id="deleteLabel">Supprimer ' . $model->name . '</h5>
                                                                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                                                <span aria-hidden="true">&times;</span>
                                                                </button>
                                                            </div>
                                                            <div class="modal-body" style="text-align:left">
                                                                Êtes-vous sûr de vouloir supprimer cet avantage ?
                                                            </div>
                                                            <div class="modal-footer">
                                                                <button type="button" class="btn btn-secondary" data-dismiss="modal">Fermer</button>
                                                                <a href="/avantages/delete/{{$item->id}}" type="submit" class="btn btn-primary text-white">Supprimer</a>
                                                            </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </td>
                                            </tr>
                                        @endforeach
                                        @else
                                            <tr>
                                                <td colspan="5" class="center">Aucune donnée de disponible</td>
                                            </tr>
                                        @endif
                                    </tbody>
                                </table>
                            </div>
                        </div>

                  </div>
                </div>
              </div>
            </div>
        </div>
    </div>



</div>

@endsection


<style>
    .logo-part img {
        margin-bottom: 20px;
        width: 80px !important;
    }
</style>
@push('scripts')
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.10.3/moment.min.js"></script>

    <script>
     var downloadButton = document.getElementById('downloadQrCode');

    // Lorsque le bouton est cliqué, déclenchez le téléchargement
    downloadButton.addEventListener('click', function() {
        // Créez un lien temporaire
        var link = document.createElement('a');
        link.href = "{{ asset($partenaire->qrcode) }}";
        link.download = "{{ $partenaire->qrcod }}";

        // Simulez un clic sur le lien pour déclencher le téléchargement
        link.click();
    });
    </script>
@endpush
@section('js')

@include('partials._datatable')
@endsection