@extends('frontend.mediknode.layout.mainlayout')
@section('content')
    @component('frontend.mediknode.components.breadcrumb')
        @slot('title')
            Demande de Pré-inscription
        @endslot
        @slot('li_1')
            Demande de Pré-inscription
        @endslot
    @endcomponent
    <div class="dashboard-content">
        <div class="container">
            <div class="dashboard-details">
                <div class="row dashboard-info">
                    <div class="col-lg-12">
                        <div class="card dash-cards">
                            <div class="card-body">
                                <div class="profile-form">
                                    <form method="POST" id="form1" name="form1"
                                        action="{{ url('/event/' . $event->slug . '/participate/save') }}"
                                        class="needs-validation" novalidate>
                                        @csrf
                                        @foreach ($request->workshop as $item)
                                            @if ($item)
                                                <input type="hidden" name="workshop[]" value="{{ $item }}">
                                            @endif
                                        @endforeach
                                        <input type="hidden" name="is_resident" value="{{ $request->is_resident }}">
                                        <input type="hidden" name="isAd" value="{{ $request->isAd }}">
                                        <input type="hidden" name="isFee" value="{{ $request->isFee }}">
                                        <input type="hidden" name="isBDC" value="{{ $request->isBDC }}">
                                        <input type="hidden" name="is_before_date" value="{{ $request->is_before_date }}">
                                        <input type="hidden" name="is_congressiste" value="1">

                                        <div class="row justify-content-md-center">
                                            <div class="col-md-8 col-lg-8">
                                                <div class="form-group">
                                                    <label class="col-form-label">Récapitulatif : </label>
                                                    <table class="blue-table">
                                                        <tr class="first-row">
                                                            <td class="text-start">
                                                                Désignation
                                                            </td>
                                                            <td class="text-center text-nowrap">
                                                                Prix
                                                            </td>
                                                        </tr>
                                                        @php
                                                            use App\Models\Workshop;
                                                            $total = 0;
                                                        @endphp
                                                        @foreach ($request->workshop as $item)
                                                            @if ($item)
                                                                @php
                                                                    $data = explode('|', $item);
                                                                    $workshopId = $data[0];
                                                                    $workshop = Workshop::getById($workshopId);
                                                                    $workshopPrice = $data[1];
                                                                    $total = $total + $workshopPrice;
                                                                @endphp
                                                                <tr>
                                                                    <td class="text-start">
                                                                        <span>{{ $workshop->titre }}</span>
                                                                        {{-- <div class="pack-options" style="margin: 5px 5px 5px 15px;">
                                                                    {!! $workshop->description !!}
                                                                </div> --}}
                                                                    </td>
                                                                    <td class="text-center text-end text-nowrap">
                                                                        <span>{{ $data[1] }} TND</span>
                                                                    </td>
                                                                </tr>
                                                            @endif
                                                        @endforeach
                                                        <tr class="first-row">
                                                            <td class="text-start bold">
                                                                Total
                                                            </td>
                                                            <td class="text-center text-end text-nowrap bold">
                                                                <span>{{ $total }}
                                                                    TND</span>
                                                            </td>
                                                        </tr>
                                                    </table>
                                                </div>
                                                <div class="form-group">
                                                    <label class="col-form-label">Mode de paiement : <span
                                                            class="asterisk">*</span></label>
                                                    @foreach ($paimentModes as $key => $paimentMode)
                                                        @if ($request->isBDC == 1 && $paimentMode == 'Bon de commande')
                                                            <div class="form-check">
                                                                <input
                                                                    {{ old('paiement_mode', isset($participant) && isset($participant->paiement_mode) && $participant->paiement_mode == $paimentMode ? 'checked' : '') }}
                                                                    value="{{ $paimentMode }}" class="form-check-input"
                                                                    type="radio" name="paiement_mode"
                                                                    id="paiement-mode-{{ $key }}" required>
                                                                <label class="form-check-label"
                                                                    for="paiement-mode-{{ $key }}">
                                                                    {{ $paimentMode }}
                                                                </label>
                                                                @if ($loop->last)
                                                                    <div class="invalid-feedback">Choisir votre mode de
                                                                        paiement
                                                                    </div>
                                                                @endif
                                                            </div>
                                                        @elseif ($request->isBDC == 0 && $paimentMode != 'Bon de commande')
                                                            <div class="form-check">
                                                                <input
                                                                    {{ old('paiement_mode', isset($participant) && isset($participant->paiement_mode) && $participant->paiement_mode == $paimentMode ? 'checked' : '') }}
                                                                    value="{{ $paimentMode }}" class="form-check-input"
                                                                    type="radio" name="paiement_mode"
                                                                    id="paiement-mode-{{ $key }}" required>
                                                                <label class="form-check-label"
                                                                    for="paiement-mode-{{ $key }}">
                                                                    {{ $paimentMode }}
                                                                </label>
                                                                @if ($loop->last)
                                                                    <div class="invalid-feedback">Choisir votre mode de
                                                                        paiement
                                                                    </div>
                                                                @endif
                                                            </div>
                                                        @endif
                                                    @endforeach
                                                </div>
                                                <div class="mb-4">
                                                    <p class="bold text-blue mb-2">
                                                        Coordonnées bancaire :
                                                    </p>
                                                    <ul>
                                                        <li><span class="bold">Compte :</span> ASSOCIATION AGOB</li>
                                                        <li><span class="bold">Banque :</span> BIAT</li>
                                                        <li><span class="bold">Agence :</span> BIZERTE</li>
                                                        <li><span class="bold">RIB :</span> 08 200 000 502 00 93546 72
                                                        </li>
                                                        <li><span class="bold">Code Swift :</span> BIATTNTT</li>
                                                    </ul>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="text-start">
                                            <div class="row justify-content-md-center">
                                                <div class="col-lg-6 col-md-8">
                                                    <div class="d-flex justify-content-center">
                                                        <a href="{{ url('/event/' . $event->slug . '/participate/step1') }}"
                                                            class="btn btn-gray me-2 login-btn" type="submit">Modifier
                                                            votre inscription</a>
                                                        <button class="btn btn-primary login-btn" type="submit">Confirmer
                                                            votre inscription</button>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </form>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    @component('frontend.mediknode.components.scrolltotop')
    @endcomponent
@endsection