@extends('layouts.app')

@section('content')
    <div class="fuild-container">
        <div class="">
            <a href="/avantages" class="discription">
                <img src="{{ asset('images/arrow_down.svg') }}" alt=""> Retour
            </a>
        </div><br>

        <div class="card">
            <div class="card-header">
                <div class="d-flex justify-content-between">
                    <div>
                        <h1 class="h3-bold" id="title">Avantage : {{ $avantage?->nom_coupon }}</h1>
                    </div>
                    <div>
                        <a class="action btn btn-primary" href="{{url('/avantages/edit/' . $avantage->id . '')}}">Modifier</a>
                    </div>
                </div>


            </div>
            <div class="card-body">
                <div class="row">
                    <div class="col-lg-9 col-md-9 col-12">
                        <div class="row m-3">
                            <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 de l’avantage</h5>
                                        <label class="label ">{{ $avantage?->nom_coupon }}</label>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-6 col-md-6 col-12">
                                @isset($avantage?->avantages_interets?->nom_interet)
                                <div class="d-flex flex-row align-items-center mb-15">
                                    <div class="flex-column">
                                        <h5 class="h4-semibold">Intérêts</h5>
                                        <label class="label ">{{ $avantage?->avantages_interets?->nom_interet }}</label>
                                    </div>
                                </div>
                            @endisset
                            </div>
                        </div>
                        <div class="row m-3">
                            <div class="col-lg-6 col-md-6 col-12">
                                {{--   @isset($avantage?->avantages_partenaires?->partenaire_garants?->adresse)
                                    <div class="d-flex flex-row align-items-center mb-15">
                                        <div class="flex-column">
                                            <h5 class="h4-semibold">Adresse postale</h5>
                                            <label class="label ">{{ $avantage?->avantages_partenaires?->partenaire_garants?->adresse }}</label>
                                        </div>
                                    </div>
                                @endisset--}}
                                

                                @if (!empty($partenaires))
                                 <h5 class="h4-semibold">Partenaires</h5>
                                 <ul>
                                    @foreach ($partenaires as $partenaire)
                                        <li>
                                            
                                            <p>{{ $partenaire->name }}</p>
                                            
                                        </li>
                                    @endforeach
                                 </ul>
                                    
                                @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">Réduction </h5>
                                        <label class="label">-{{ $avantage?->pourcentage }}
                                            @if ($avantage?->prtype == 1)
                                                %
                                            @else
                                                F CFA
                                            @endif
                                        </label>
                                    </div>
                                </div>

                            </div>
                        </div>
                        <div class="row m-3">
                            <div class="col-lg-6 col-md-6 col-12">

                                @isset($avantage->avantages_partenaires?->name)
                                    <div class="d-flex flex-row align-items-center mb-15">
                                        <div class="flex-column ">
                                            <h5 class="h4-semibold">Partenaire</h5>
                                            <label class="label">{{ $avantage->avantages_partenaires?->name }}</label>
                                        </div>
                                    </div>
                                @endisset
                            </div>
                            <div class="col-lg-6 col-md-6 col-12">

                                @if (@isset($avantage?->start_validite) || @isset($avantage?->end_validite))
                                    <div class="d-flex flex-row align-items-center mb-15">
                                        <div class="flex-column ">
                                            <h5 class="h4-semibold">Période de validité</h5>
                                            <label
                                                class="label">{{ Carbon\Carbon::createFromFormat('Y-m-d', $avantage?->start_validite)->format('d/m/Y') }}
                                                -
                                                {{ Carbon\Carbon::createFromFormat('Y-m-d', $avantage?->end_validite)->format('d/m/Y') }}</label>
                                        </div>
                                    </div>
                                @endif
                            </div>
                        </div>
                        <div class="row m-3">
                            <div class="col-lg-6 col-md-6 col-12">

                            @if (@isset($avantage?->lieu) || @isset($avantage?->lieu))
                                <div class="d-flex flex-row align-items-center mb-15">
                                    <div class="flex-column">
                                        <h5 class="h4-semibold">Lieu</h5>
                                        <label class="label">{{ $avantage->lieu }}</label>
                                    </div>
                                </div>
                            @endif
                            </div>
                            <div class="col-lg-6 col-md-6 col-12">
                                @if (@isset($avantage?->description) && $avantage?->description !== '')
                                    <div class="d-flex flex-row align-items-center mb-15">
                                        <div class="flex-column ">
                                            <h5 class="h4-semibold">Description</h5>
                                            <label class="label">{{ $avantage?->description }}</label>
                                        </div>
                                    </div>
                                @endif
                            </div>
                        </div>
                        <div class="row m-3">
                            <div class="col-lg-6 col-md-6 col-12">

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

                            </div>
                        </div>
                    </div>
                    <div class="col-lg-3 col-md-3 col-12">
                        <div class="col-lg-5 col-md-6 col-sm-12">
                            <div class="text-end mb-50">
                                <img src="{{ asset('images/uploads/avantages/' . $avantage->url_image) }}"
                                    alt="{{ $avantage?->name }}" width="200px">

                                {{-- @isset($avantage?->qrcode)
                            <div class="pt-5">
                                <img id="photo" class="photo" src="{{ asset($avantage->qrcode) }}" alt="Ma photo">

                                <div>
                                    <button class="btn btn-success btn-sm mt-30" onclick="imprimerImage()">Imprimer le QR code de l’avantage</button>
                                </div>
                            </div>
                            @endisset --}}
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="row">

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

                <!-- <div class="d-flex flex-row align-items-center mb-15">
                        <div class="flex-column">
                            <h5 class="h4-semibold">Type de réduction</h5>
                            <label class="label ">{{ $avantage->type }}</label>
                        </div>
                    </div> -->








            </div>


            <span class="action" data-toggle="modal" data-target="#delete{{$avantage->id}}"><i class="fas fa-trash-alt"></i> Supprimer</span>
        </div>
    </div>


    <div class="modal fade" id="delete{{$avantage->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 {{$avantage->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/{{$avantage->id}}" type="submit" class="btn btn-primary text-white">Supprimer</a>
            </div>
            </div>
        </div>
    </div>
@endsection

@push('scripts')
    <script>
        function imprimerImage() {
            // Créer une nouvelle fenêtre ou un nouvel onglet avec seulement l'image
            const title = document.getElementById('title');

            const imageWindow = window.open(
                "http://www.domainname.ext/path.png",
                "DescriptiveWindowName",
                "");

            const imageElement = document.getElementById('photo').cloneNode(true);

            // Ajouter les styles CSS pour centrer l'image et la redimensionner à 50%
            imageElement.style.display = 'block';
            imageElement.style.margin = '0 auto';
            imageElement.style.width = '50%';

            // Ajouter l'image à la nouvelle fenêtre
            imageWindow.document.body.appendChild(imageElement);

            // Attendez que l'image soit chargée avant d'imprimer
            imageElement.onload = function() {
                // Imprimer l'image dans la nouvelle fenêtre
                imageWindow.print();
                // Fermer la fenêtre après l'impression
                imageWindow.close();
            };
        }

        function imprimer() {
            document.title = "Print page title";
            fenetre = window.open("http://files.gandi.ws/gandi54587/image/flyer.jpg");
            document.title = "Print page title";
            fenetre.print();
            fenetre.top.close();
        }
    </script>
@endpush