@extends('layouts.app')
@push('title')
    {{ $CMS['home_title'] ?? '' }}
@endpush
@push('meta')
    {{ $CMS['home_meta'] ?? '' }}
@endpush
@section('content_box')
    <main>

        <div class="content-block">
            <!-- Browse Jobs -->
            <section class="content-inner bg-white">
                <div class="container">
                    <div class="row">
                        <div class="col-xl-3 col-lg-4 m-b30">
                            <div class="sticky-top">
                                <div class="shop-account">
                                    <div class="account-detail text-center">
                                        <div class="my-image">
                                            <a href="javascript:void(0);">
                                                <img alt="" src="{{ asset('logo2.jpg') }}">
                                            </a>
                                        </div>
                                        <div class="account-title">
                                            <div class="">
                                                <h4 class="m-b5"><a href="javascript:void(0);">{{ $user->name }}</a></h4>
                                            </div>
                                        </div>
                                    </div>
                                    <ul class="account-list">
                                        <li>
                                            <a href="{{ route('profil2') }}" ><i class="far fa-user" aria-hidden="true"></i>
                                                <span>Profil</span></a>
                                        </li>
                                        <li>
                                            <a href="{{ route('myexo2') }}" class="active"><i class="fa-solid fa-link"></i>
                                                <span>Exercices</span></a>
                                        </li>
                                        <li>
                                            <a href="{{ route('user_chng_password2') }}"><i class="fa-solid fa-key"></i>
                                                <span>Changer Mot de passe</span></a>
                                        </li>
                                        <li>
                                            <a href="{{ route('UserLogout') }}"><i class="fas fa-sign-out-alt" aria-hidden="true"></i>
                                                <span>Se déconnecter</span></a>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                        <div class="col-xl-9 col-lg-8 m-b30">



                            <section class="content-inner-1 bg-img-fix">
                                <div class="container">
                                    <div class="row">
                                        <div class="col-xl-12 col-lg-12">
                                            <form class="card" style="width:90%;" id="proForm" action="@if (!empty($pro)){{ route('exos_edited', $pro->id) }}@else{{ route('myexos_added') }}@endif" method="POST"
                                                  enctype="multipart/form-data">
                                                <div class="card-header">
                                                    <div class="d-flex">
                                                        <h4 class="">@if (!empty($pro))Edition @else Ajout @endif d'un exercice</h4>
                                                    </div>
                                                </div>
                                                <div class="card-body">
                                                    <div class="row g-3">
                                                        @csrf

                                                        <div class="row border-bottom border-2 m-auto mt-3">
                                                            <div class="col mb-2  mx-auto">
                                                                <div class="col-md-4 mx-auto mb-2 ps-2 border-start">
                                                                    <div class="col-md-12 mb-2">
                                                                        <label for="" class="form-label mb-0"><i class="fas fa-image"></i> Image illustrative</label>
                                                                        <p class="text-muted form-label">
                                                                        </p>
                                                                        <div class="input-group">
                                                                            <input type="file" class="form-control" name="photo1">
                                                                        </div>
                                                                        <div class="text-danger fst-italic lh-1"> @error('photo1'){{ $message }} @enderror
                                                                        </div>
                                                                    </div>
                                                                    @if (!empty($pro->photo1))
                                                                        <div class="mb-2">
                                                                            <label for="" class="form-label">L'image</label>
                                                                            <img class="form-control"
                                                                                 src="{{ asset('storage/exos/' . $pro->photo1) }}" width="150" alt="Error">
                                                                        </div>
                                                                    @endif
                                                                </div>

                                                                <div class="col-md-4 mx-auto mb-2 ps-2 border-start">
                                                                    <div class="col-md-12 mb-2">
                                                                        <label for="" class="form-label mb-0"><i class="fas fa-image"></i> Document illustratif</label>
                                                                        <p class="text-muted form-label">Extensions recommandées (PDF ou Word)
                                                                        </p>
                                                                        <div class="input-group">
                                                                            <input type="file" class="form-control" name="photo2">
                                                                        </div>
                                                                        <div class="text-danger fst-italic lh-1"> @error('photo2'){{ $message }} @enderror
                                                                        </div>
                                                                    </div>
                                                                    @if (!empty($pro->photo2))
                                                                        <div class="mb-2">
                                                                            <label for="" class="form-label">Le document</label>
                                                                            <a href="{{ asset('storage/exos/' . $pro->photo2) }}" target="_blank">Télécharger ici </a>
                                                                        </div>
                                                                    @endif
                                                                </div>

                                                                <div class="row mb-2">
                                                                    <div class="col-md-12">
                                                                        <label class="form-label"><b>Classe</b></label>
                                                                        <div class="input-group">
                                                                            <select class="form-select" name="nivo_id" required>
                                                                                <option value="" selected>Choisir...</option>
                                                                                @foreach ($class as $item)
                                                                                    @if (!empty($pro))
                                                                                        @if ($pro->nivo_id == $item->id)
                                                                                            <option selected value="{{ $item->id }}">
                                                                                                {{ $item->libelle_nivo }}</option>
                                                                                        @else
                                                                                            <option value="{{ $item->id }}">{{ $item->libelle_nivo }}
                                                                                            </option>
                                                                                        @endif
                                                                                    @else
                                                                                        @if (old('nivo_id') == $item->id)
                                                                                            <option selected value="{{ $item->id }}">
                                                                                                {{ $item->libelle_nivo }}</option>
                                                                                        @else
                                                                                            <option value="{{ $item->id }}">{{ $item->libelle_nivo }}
                                                                                            </option>
                                                                                        @endif
                                                                                    @endif
                                                                                @endforeach
                                                                            </select>
                                                                        </div>
                                                                        <div class="text-danger fst-italic lh-1"> @error('nivo_id'){{ $message }} @enderror
                                                                        </div>
                                                                    </div>
                                                                </div>

                                                                <div class="row mb-2">
                                                                    <div class="col-md-12">
                                                                        <label class="form-label"><b>Matière</b></label>
                                                                        <div class="input-group">
                                                                            <select class="form-select" name="matiere_id" required>
                                                                                <option value="" selected>Choisir...</option>
                                                                                @foreach ($mat as $item)
                                                                                    @if (!empty($pro))
                                                                                        @if ($pro->matiere_id == $item->id)
                                                                                            <option selected value="{{ $item->id }}">
                                                                                                {{ $item->libelle_mat }}</option>
                                                                                        @else
                                                                                            <option value="{{ $item->id }}">{{ $item->libelle_mat }}
                                                                                            </option>
                                                                                        @endif
                                                                                    @else
                                                                                        @if (old('nivo_id') == $item->id)
                                                                                            <option selected value="{{ $item->id }}">
                                                                                                {{ $item->libelle_mat }}</option>
                                                                                        @else
                                                                                            <option value="{{ $item->id }}">{{ $item->libelle_mat }}
                                                                                            </option>
                                                                                        @endif
                                                                                    @endif
                                                                                @endforeach
                                                                            </select>
                                                                        </div>
                                                                        <div class="text-danger fst-italic lh-1"> @error('nivo_id'){{ $message }} @enderror
                                                                        </div>
                                                                    </div>
                                                                </div>


                                                                <div class="row mb-2">
                                                                    <div class="col-md-6">
                                                                        <label for="" class="form-label"> <b>Titre</b></label>
                                                                        <input type="text" class="form-control" name="titre"
                                                                               value="@if (!empty($pro)){{ $pro->titre }}@else{{ old('titre') }}@endif"  required>
                                                                        <div class="text-danger fst-italic lh-1">@error('titre'){{ $message }} @enderror
                                                                        </div>
                                                                    </div>
                                                                    <div class="col-md-6">
                                                                        <label for="" class="form-label"> <b>Délai </b> </label>
                                                                        <input type="text" class="form-control" name="delai"
                                                                               value="@if (!empty($pro)){{ $pro->delai }}@else{{ old('delai') }}@endif" >
                                                                        <div class="text-danger fst-italic lh-1"> @error('delai'){{ $message }} @enderror
                                                                        </div>
                                                                    </div>
                                                                </div>

                                                                <div class="row mb-2">
                                                                    <div class="col-md-12 mb-2">
                                                                        <label for="" class="form-label"><i class="fas fa-info-circle"></i> <b>Description </b></label>
                                                                        <textarea class="form-control" rows="3"
                                                                                  name="description">@if (!empty($pro)){{ $pro->description }}@else{{ old('description') }}@endif</textarea>
                                                                        <div class="text-danger fst-italic lh-1">@error('description')  {{ $message }}
                                                                            @enderror
                                                                        </div>
                                                                    </div>
                                                                </div>

                                                            </div>

                                                            <div class="col-12">
                                                                <input type="hidden" class="form-control" name="user_id"
                                                                       value="{{ $userId }}" >
                                                                <button
                                                                    class="btn
                                    @if (!empty($pro)) btn-warning
                                    @else btn-primary
                                    @endif"
                                                                    type="submit">@if (!empty($pro)) Modifier @else Ajouter @endif
                                                                </button>
                                                            </div>
                                                        </div>
                                                    </div>
                                            </form>

                                        </div>

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




                        </div>
                    </div>
                </div>
            </section>
            <!-- Browse Jobs END -->
        </div>

    </main>

@endsection
@section('scripts')
@endsection