@extends('site.layouts.blogAutre')

@section('title', 'Ajout d\'un document')

@section('content')
    @include('site.includes.public.headerMenuBlog')

    <!-- PAGE TITLE
        ================================================== -->
        <section class="page-title-section bg-img cover-background primary-overlay" data-overlay-dark="6" data-background="{{ asset('site/img/bg/apa.jpg') }}">
            <div class="row position-relative z-index-1">
                <div class="col-md-12">
                    <div class="faded-text">
                        <div class="f-text"><span class="main-font">APA-RDC</span></div>
                    </div>
                    <h1>Documents</h1>
                    <ul class="breadcrumb">
                        <li><a href="{{ url('/') }}">Accueil</a></li>
                        <li><a href="#!">Documents</a></li>
                        @auth
                            @if (Auth::user()->role_id == 1)
                                <div class="bd-example">
                                    <a href="{{ route('documents.index') }}" class="butn white m-1">
                                        <i class="ti-arrow-left icon-arrow before white"></i>
                                        <span class="label" style="color: #ffff00">Liste des documents</span>
                                        <i class="ti-arrow-left icon-arrow after"></i>
                                    </a>
                                </div>
                            @endif
                        @endauth
                    </ul>
                </div>
            </div>
        </section>

        <!-- BLOG LIST
        ================================================== -->
        <section>
            <div class="container">
                    @if ($message = Session::get('success'))
                    <div class="section-heading5">
                        <div class="alert alert-success alert-block">
                            <button type="button" class="close" data-dismiss="alert">×</button>
                            <strong>{{ $message }}</strong>
                        </div>
                    </div>
                    @endif

                    @if (count($errors) > 0)
                        <div class="section-heading5">
                            <div class="alert alert-danger text-left">
                                <strong>Oups!</strong> Il y a eu des problèmes avec votre entrée.
                                <ul class="list-style2 mb-0 text-left">
                                    @foreach ($errors->all() as $error)
                                        <li class="text-left">{{ $error }}</li>
                                    @endforeach
                                </ul>
                            </div>
                        </div>
                    @endif


                <div class="row">
                    <!-- blog-list left -->
                    <div class="col-lg-12">
                        <div class="p-1-6 p-md-1-9 p-lg-2-5 box-shadows">
                            <h2 class="mb-3 text-primary">Ajout d'un document</h2>
                            <p class="mb-4 w-lg-90">Veuillez remplir les champs obligatoires du formulaire pour publier un document</p>
                            <form class="quform" action="{{ route('documents.store') }}" method="POST" enctype="multipart/form-data">
                                @csrf
                                <div class="quform-elements">
                                    <div class="row">

                                        <!-- Begin Text input element -->
                                        <div class="col-md-12">
                                            <div class="quform-element form-group">
                                                <label for="titre">Titre du document <span class="quform-required">*</span></label>
                                                <div class="quform-input">
                                                    <input id="titre" class="form-control @error('titre') is-invalid @enderror" type="text" name="titre" placeholder="Entrer le titre du document" value="{{ old('titre') }}" autocomplete="titre" autofocus maxlength="200" required>
                                                </div>
                                                @error('titre')
                                                        <div class="invalid-feedback">
                                                            {{ $message }}
                                                        </div>
                                                @enderror
                                            </div>
                                        </div>
                                        <!-- End Text input element -->
                                        <!-- Begin Text input element -->
                                        <div class="col-md-6">
                                            <div class="quform-element form-group">
                                                <label for="documenttype_id">Catégorie
                                                    <span class="quform-required">*</span>
                                                </label>
                                                <div class="quform-input">
                                                <select id="documenttype_id" name="documenttype_id"
                                                    class="form-control form-select @error('documenttype_id') is-invalid @enderror"
                                                    required autofocus>
                                                    <optgroup label="Selectionner une catégorie">
                                                        <option value="">-- Chosir une catégorie --</option>
                                                        @foreach ($docTypes as  $value)
                                                            @if (old('documenttype_id') == $value->id)
                                                                <option value="{{ $value->id }}" selected>
                                                                    {{ $value->typedocument }}</option>
                                                            @else
                                                                <option value="{{ $value->id }}">
                                                                    {{ $value->typedocument }}</option>
                                                            @endif
                                                        @endforeach
                                                    </optgroup>
                                                </select>
                                                @error('documenttype_id')
                                                        <div class="invalid-feedback">
                                                            {{ $message }}
                                                        </div>
                                                @enderror
                                                </div>
                                            </div>
                                        </div>
                                        <!-- End Text input element -->

                                        <!-- Begin Select element -->
                                        <div class="col-md-6">
                                            <div class="quform-element form-group">

                                                <!-- Begin Upload element -->
                                                <div class="quform-input">
                                                    <label for="fichier">Fichier
                                                        <span class="quform-required">*</span>
                                                    </label>
                                                    <div class="custom-filev">
                                                        <input class="form-control @error('fichier') is-invalid @enderror"
                                                        type="file" id="fichier" name="fichier" required accept=".pdf, .xlxs, .xlx, .docx, .doc, .csv, .txt, image/*">
                                                    </div>

                                                    <p class="quform-description">
                                                        Type : PDF, Word, Excel. Taille Maximum 10MB.
                                                    </p>
                                                </div>
                                                <!-- End Upload element -->
                                                @error('fichier')
                                                        <div class="invalid-feedback">
                                                            {{ $message }}
                                                        </div>
                                                @enderror
                                            </div>
                                        </div>
                                        <!-- End Select element -->

                                        <!-- Begin Submit button -->
                                        <div class="col-md-12">
                                            <div class="quform-submit-inner text-center">
                                                <button class="butn lg w-100" type="submit">
                                                    <span>Enregistrer</span>
                                                </button>
                                            </div>
                                            <div class="quform-loading-wrap">
                                                <span class="quform-loading"></span>
                                            </div>
                                        </div>
                                        <!-- End Submit button -->

                                    </div>
                                </div>
                            </form>
                        </div>
                    </div>
                    <!-- end blog-list left -->
                </div>
            </div>
        </section>

@endsection

@section('scripts')
        <!-- jQuery -->
        <script src="{{ asset('site/js/jquery.min.js') }}"></script>

        <!-- popper js -->
        <script src="{{ asset('site/js/popper.min.js') }}"></script>

        <!-- bootstrap -->
        <script src="{{ asset('site/js/bootstrap.min.js') }}"></script>

        <!-- jquery -->
        <script src="{{ asset('site/js/core.min.js') }}"></script>

        <!-- search -->
        <script src="{{ asset('site/search/search.js') }}"></script>

        <!-- custom scripts -->
        <script src="{{ asset('site/js/main.js') }}"></script>
@endsection