@extends('site.layouts.blogAutre')

@section('title', 'Modification 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">Modification 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.update',$documents->id) }}" method="POST" enctype="multipart/form-data">
                                @csrf
                                @method('PUT')
                                <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="{{ $documents->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-3">
                                            <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 ($documentypes as $item)
                                                            <option value="{{ $item->id }}"
                                                                @if ($item->id === $documents->documenttype_id)
                                                                    selected
                                                                @endif
                                                                >
                                                                {{ $item->typedocument}}
                                                            </option>
                                                        @endforeach
                                                    </optgroup>
                                                </select>
                                                @error('documenttype_id')
                                                        <div class="invalid-feedback">
                                                            {{ $message }}
                                                        </div>
                                                @enderror
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-md-3">
                                            <div class="quform-element form-group">
                                                <label for="documenttype_id">Statut
                                                    <span class="quform-required">*</span>
                                                </label>
                                                <div class="quform-input">
                                                <div class="form-check form-switch">
                                                    <input class="form-check-input @error('documenttype_id') is-invalid @enderror" type="checkbox" id="status" name ="status" value="1" {{ $documents->status == true ? 'checked' : '' }}>
                                                    <label class="form-check-label" for="status">Statut du document</label>
                                                </div>

                                                @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/*" value="{{ isset($documents->fichier) ? asset(Storage::disk('public')->url('documents/',$documents->fichier))  : asset(Storage::disk('public')->url('documents/',$documents->fichier))}}">
                                                    </div>

                                                    <p class="quform-description">
                                                        Type : PDF, Word, Excel et Images. 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-6">
                                            @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">Liste des documents</span>
                                                            <i class="ti-arrow-left icon-arrow after"></i>
                                                        </a>
                                                    </div>
                                                @endif
                                            @endauth
                                        </div>
                                        <div class="col-md-6">
                                            <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>

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

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

        <!-- all js include end -->
        <script>
            function handleDelete(id) {
                var form = document.getElementById('deleteFormModal')
                form.action = '/documents/' + id
                //console.log('Deletin.', form)
                $('#deleteModal').modal('show')
            }
        </script>
@endsection