@extends('AdminPanel.layouts.main')
@section('main-section')
    <div class="container">
        <div class="container-fluid">
            <div class="mt-4 ">
                <h2>Cotisations</h2>
                <div aria-label="breadcrumb mt-5">
                    <ol class="breadcrumb">
                        <li class="breadcrumb-item" aria-current="page">Cotisations</li>
                        <li class="breadcrumb-item active">Création</li>
                        <div class="d-flex ms-auto">
                            <a class="btn btn-primary disabled" href="{{ route('add_cotisations') }}">Ajouter</a>
                        </div>
                    </ol>
                </div>
            </div>
            <div class="mt-4">
                <div class="card" style="width:90%;">
                    <div class="card-header">
                        <h4 class="">Ajout de cotisations</h4>
                    </div>
                    <div class="card-body">
                        <form class="row g-3" action="{{ route('cotisations_added') }}" method="POST"
                            enctype="multipart/form-data">
                            @csrf
                            <div class="col">
                                <div class="col-md-12 mb-2">
                                    <label for="" class="form-label"><b>Date du versement</b></label>
                                    <input type="date" class="form-control" name="date_cotise" value="{{ old('date_cotise') }}"
                                        required>
                                    <div class="text-danger">* @error('date_cotise') {{ $message }} @enderror</div>
                                </div>
                                <div class="col-md-12 mb-2">
                                    <label class="form-label"><b>Nom du membre qui cotise </b></label>
                                    <div class="input-group">
                                        <select class="form-select" name="membre_id" required>
                                            <option value="" selected>Choisir...</option>
                                            @foreach ($cate as $item)
                                                    @if (old('membre_id') == $item->id)
                                                        <option selected value="{{ $item->id }}">
                                                            {{ $item->nom }} {{ $item->prenoms }} - {{ $item->libelle_sess }}</option>
                                                    @else
                                                        <option value="{{ $item->id }}">{{ $item->nom }} {{ $item->prenoms }} - {{ $item->libelle_sess }}
                                                        </option>
                                                    @endif
                                            @endforeach
                                        </select>
                                    </div>
                                    <div class="text-danger fst-italic lh-1">* @error('membre_id'){{ $message }} @enderror
                                    </div>
                                </div>
                                <div class="col-md-12 mb-2">
                                    <label for="" class="form-label"><b>Montant</b></label>
                                    <input type="number" class="form-control" name="montant" value="{{ old('montant') }}"
                                           required>
                                    <div class="text-danger">* @error('montant') {{ $message }} @enderror</div>
                                </div>
                                <div class="col-md-12 mb-2">
                                    <label class="form-label"><b>Mois cotisé </b></label>
                                    <div class="input-group">
                                        <select class="form-select" name="mois" required>
                                            <option value="" selected>Choisir...</option>
                                            <option @if (old('mois') == 1) selected @endif value="1">01</option>
                                            <option @if (old('mois') == 2) selected @endif value="2">02</option>
                                            <option @if (old('mois') == 3) selected @endif value="3">03</option>
                                            <option @if (old('mois') == 4) selected @endif value="4">04</option>
                                            <option @if (old('mois') == 5) selected @endif value="5">05</option>
                                            <option @if (old('mois') == 6) selected @endif value="6">06</option>
                                            <option @if (old('mois') == 7) selected @endif value="7">07</option>
                                            <option @if (old('mois') == 8) selected @endif value="8">08</option>
                                            <option @if (old('mois') == 9) selected @endif value="9">09</option>
                                            <option @if (old('mois') == 10) selected @endif value="10">10</option>
                                            <option @if (old('mois') == 11) selected @endif value="11">11</option>
                                            <option @if (old('mois') == 12) selected @endif value="12">12</option>
                                        </select>
                                    </div>
                                    <div class="text-danger fst-italic lh-1">* @error('mois'){{ $message }} @enderror
                                    </div>
                                </div>

                                <div class="col-md-12 mb-2">
                                    <label class="form-label"><b>Année cotisés </b></label>
                                    <div class="input-group">
                                        <select class="form-select" name="annee" required>
                                            <option value="" selected>Choisir...</option>
                                            <option @if (old('annee') == 2012) selected @endif value="2012">2012</option>
                                            <option @if (old('annee') == 2013) selected @endif value="2013">2013</option>
                                            <option @if (old('annee') == 2014) selected @endif value="2014">2014</option>
                                            <option @if (old('annee') == 2015) selected @endif value="2015">2015</option>
                                            <option @if (old('annee') == 2016) selected @endif value="2016">2016</option>
                                            <option @if (old('annee') == 2017) selected @endif value="2017">2017</option>
                                            <option @if (old('annee') == 2018) selected @endif value="2018">2018</option>
                                            <option @if (old('annee') == 2019) selected @endif value="2019">2019</option>
                                            <option @if (old('annee') == 2020) selected @endif value="2020">2020</option>
                                            <option @if (old('annee') == 2021) selected @endif value="2021">2021</option>
                                            <option @if (old('annee') == 2022) selected @endif value="2022">2022</option>
                                            <option @if (old('annee') == 2023) selected @endif value="2023">2023</option>
                                            <option @if (old('annee') == 2024) selected @endif value="2024">2024</option>
                                        </select>
                                    </div>
                                    <div class="text-danger fst-italic lh-1">* @error('annee'){{ $message }} @enderror
                                    </div>
                                </div>
                            </div>


                            <div class="col-12">
                                <button class="btn btn-primary" type="submit">Valider</button>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection