@extends('frontend.mediknode.layout.mainlayout')

@php
    $event = App\Models\Event::find(45);
@endphp

@section('facetags')
    <meta name="description" content="{{ $event->excerpt }}">
@endsection

@section('facetags')
    <meta property="og:url" content="{{ url('/event/' . $event->slug) }}" />
    <meta property="og:type" content="article" />
    <meta property="og:title" content="{{ $event->title }}" />
    <meta property="og:description" content="{{ $event->excerpt }}" />
    <meta property="og:image" content="{{ $event->cover }}" />
@endsection

@section('content')
    @component('frontend.mediknode.components.breadcrumb')
        @slot('title')
            {!! \App\Helpers\TextHelper::addSup($event->title) !!}
        @endslot
        @slot('li_1')
            {{ $event->title }}
        @endslot
    @endcomponent
    <section class="about-content">
        <div class="container">
            @component('frontend.mediknode.components.buttons', ['event' => $event])
            @endcomponent

            <div class="dashboard-details mt-4 mb-4">
                <div class="row dashboard-info">
                    <div class="col-lg-12">
                        <div class="card dash-cards">
                            <div class="card-body">
                                <div class="profile-form">
                                    <div class="row justify-content-md-center">
                                        <div class="col-md-7 text-center">
                                            <img alt="" class="img-fluid mt-3"
                                                src="{{ URL::asset('storage/mediknode/8cnmgf-spectacle.jpg') }}">
                                        </div>
                                        <div class="col-md-5">
                                            <div class="mt-3">
                                                @php
                                                    if (request()->has('uid')) {
                                                        $show = \App\Models\Show::where('uid', request('uid'))->first();
                                                    }
                                                @endphp
                                                @if (!empty($show) && $show->payment_status == 'paid')
                                                    <div class="row row-cols-md-1 justify-content-center">
                                                        <div class="col-xl-10">
                                                            <div class="alert alert-success text-center">
                                                                Votre paiement a été effectuée avec succès.
                                                            </div>
                                                        </div>
                                                    </div>
                                                @endif
                                                @if (!empty($show) && $show->payment_status !== 'paid')
                                                    <div class="row row-cols-md-1 justify-content-center">
                                                        <div class="col-xl-10">
                                                            <div class="alert alert-danger" role="alert">
                                                                Transaction refusée par votre banque. Aucun débit n'a
                                                                été effectué. Merci de réessayer ou
                                                                d'utiliser un autre moyen de paiement.
                                                            </div>
                                                        </div>
                                                    </div>
                                                @endif
                                                @if (session('success'))
                                                    <div class="alert alert-success">
                                                        {{ session('success') }}
                                                    </div>
                                                @endif
                                                <p>
                                                    Plongez dans une expérience artistique exceptionnelle, inspirée des
                                                    plus belles traditions spirituelles tunisiennes.
                                                </p>
                                                <p>
                                                    Une soirée d'émotions, de partage et d'authenticité vous attend.
                                                </p>
                                                <p>
                                                    Réservée aux congressistes : vivez ce moment privilégié entre
                                                    confrères dans une ambiance intime et chaleureuse.
                                                </p>
                                                <p>
                                                    Réservez votre ticket dès maintenant pour garantir votre place - le
                                                    nombre est limité.
                                                </p>
                                            </div>
                                            <div class="container mt-3">
                                                <div class="row justify-content-center">
                                                    <div class="col-md-12 col-lg-12">
                                                        <form method="POST" id="form1" name="form1"
                                                            {{-- action="{{ route('payment-show.initiate') }}" --}}
                                                            action="{{ route('show', ['slug' => '8cnmgf']) }}"
                                                            class="needs-validation" novalidate>
                                                            @csrf
                                                            <div class="mb-3">
                                                                <label for="prenom" class="form-label">Prénom
                                                                    <span class="asterisk">*</span></label>
                                                                <input type="text" class="form-control" id="prenom"
                                                                    name="konnect_firstName" required value="">
                                                                <div class="invalid-feedback">
                                                                    Veuillez saisir votre prénom.
                                                                </div>
                                                            </div>
                                                            <div class="mb-3">
                                                                <label for="nom" class="form-label">Nom
                                                                    <span class="asterisk">*</span></label>
                                                                <input type="text" class="form-control" id="nom"
                                                                    name="konnect_lastName" required value="">
                                                                <div class="invalid-feedback">
                                                                    Veuillez saisir votre nom.
                                                                </div>
                                                            </div>
                                                            <div class="mb-3">
                                                                <label for="email" class="form-label">Email
                                                                    <span class="asterisk">*</span></label>
                                                                <input type="email" class="form-control" id="email"
                                                                    name="konnect_email" required value="">
                                                                <div class="invalid-feedback">
                                                                    Veuillez saisir un email valide.
                                                                </div>
                                                            </div>
                                                            <div class="mb-3">
                                                                <label for="phone" class="form-label">Téléphone <span
                                                                        class="asterisk">*</span></label>
                                                                <input type="tel" class="form-control" id="phone"
                                                                    name="konnect_phone" placeholder="" required
                                                                    value="">
                                                                <div class="invalid-feedback">
                                                                    Veuillez saisir un numéro de téléphone valide.
                                                                </div>
                                                            </div>
                                                            <div class="mb-4">
                                                                <label for="tickets" class="form-label">Nombre de
                                                                    tickets <span class="asterisk">*</span></label>
                                                                <input type="number" class="form-control" id="tickets"
                                                                    name="ticket_count" min="1" max="25"
                                                                    required value="1">
                                                                <div class="invalid-feedback">
                                                                    Veuillez saisir un nombre entre 1 et 25.
                                                                </div>
                                                            </div>
                                                            <div class="mb-4">
                                                                <label for="paiement" class="form-label">Mode de paiement
                                                                    *</label>
                                                                <select class="form-select" id="paiement"
                                                                    name="paiement_mode" required>
                                                                    <option value="" selected disabled>Sélectionnez
                                                                        un mode de paiement</option>
                                                                    {{-- <option value="en_ligne">Paiement en ligne</option> --}}
                                                                    <option value="Virement bancaire">Virement bancaire
                                                                    </option>
                                                                    <option value="Espèce sur site">Espèce sur site
                                                                    </option>
                                                                </select>
                                                                <div class="invalid-feedback">
                                                                    Veuillez sélectionner un mode de paiement.
                                                                </div>
                                                            </div>
                                                            <div class="d-grid">
                                                                <div class="row justify-content-md-center">
                                                                    <div class="col-lg-6 col-md-4 col-md-auto">
                                                                        <button
                                                                            class="w-100 btn btn-success w-100 login-btn"
                                                                            type="submit">Réserver vos places</button>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                            <input type="hidden" name="konnect_amount" value="65">
                                                            <input type="hidden" name="event_id"
                                                                value="{{ $event->id }}">
                                                        </form>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            @component('frontend.mediknode.components.buttons', ['event' => $event])
            @endcomponent
        </div>
    </section>
    @component('frontend.mediknode.components.scrolltotop')
    @endcomponent
@endsection