@extends('layouts.app',[
    'class' => '',
    'folderActive' => '',
    'elementActive' => ''
])

@section('content')
    <div class="app-page-title">
        <div class="page-title-wrapper">
            <div class="page-title-heading">
                <div class="page-title-icon">
                    <i class="pe-7s-file icon-gradient bg-mean-fruit"></i>
                </div>
            </div>
        </div>
    </div>
    <div class="row">
        <div class="col-md-12 col-xl-12">
            <div class="col-md-12">
                <div class="main-card mb-3 p-3 card">
                    <div class="no-gutters row">
                        <form class="" action="/process" method="post" enctype="multipart/form-data">
                            @csrf
                            <div class="position-relative row form-group">
                                <label for="operation_id" class="col-sm-2 col-form-label">Opération</label>
                                <div class="col-sm-10">
                                    <select name="operation_id" id="select2" class="form-control select2">
                                        <option value="">Sélectionner une opération</option>
                                        @foreach($operations as $operation)
                                            <option
                                                {{ session()->has('request') && session()->get('request')['operation_id'] == $operation->operation_id ? 'selected' : '' }} value="{{ $operation->operation_id }}">{{ $operation->operation_title }}</option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>
                            <div class="position-relative row form-group">
                                <label for="exampleFile" class="col-sm-2 col-form-label">Fichier</label>
                                <div class="col-sm-10">
                                    <input class="form-control-file" type="file" name="files[]" accept=".xlsx,.xls"
                                           multiple
                                           required/>
                                    <small class="form-text text-muted">
                                        Plusieurs fichiers peuvent être insérés en même temps.
                                    </small>
                                </div>
                            </div>

                            <div class="position-relative row form-check">
                                <div class="col-sm-10 offset-sm-2">
                                    <button class="mt-3 btn btn-primary">Enregistrer</button>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>

    @if(session()->has('errors'))
        <div class="row">
            <div class="col-md-12 col-xl-12">
                <div class="col-md-12">
                    <div class="main-card mb-3 p-3 card">
                        <div class="no-gutters row">
                            <h5 class="card-title">Erreur sur le dernier jeu de fichiers</h5>
                            <table class="mb-0 mt-4 table table-bordered">
                                <thead>
                                <tr>
                                </tr>
                                </thead>
                                <tbody>

                                @foreach(session()->get('errors') as $error)
                                    <tr>
                                        <td>
                                            {{ $error }}
                                        </td>
                                    </tr>
                                @endforeach
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    @endif
@endsection