@extends('layouts/main')
@push('styles')
<link rel="stylesheet" href="{{ asset('assets/css/profile.css') }}">
@endpush
@include('components/admin-menu')

<div class="main-wrapper">
    <div class="container-fluid mt-4">
      @include('components/user-nav')

    </div>
    <div class="container-fluid mt-4">
        <div class="row">
            <h1>Data massive storage</h1>
        </div>
        <div class="row background-white m-1 p-4">
            <form action="{{ route('massive_storage')}}" enctype="multipart/form-data" method="POST">
                @csrf
                <div class="container">
                    <div class="row">
                        <div class="mb-3 input-group d-flex flex-column align-items-start gap-3">
                            <label for="datatable">Data Table file</label>
                            <input type="file" placeholder="Datatable file csv" name="datatable" required>
                            <div class="description">
                                Load a csv file width entity data.
                            </div>
                        </div>
                        <div class="mb-3 input-group d-flex flex-column align-items-start">
                            <label for="storage_type">Storage Type</label>
                            <select name="storage_type" id="storage_type" required>
                                <option value="ase">Ase Certifications</option>
                                <option value="award">Award Certifications</option>
                            </select>
                        </div>
                        <div class="mb-3 input-group d-flex flex-column align-items-start">
                            <label for="storage_type">Delimiter</label>
                            <select name="delimiter" id="delimiter" required>
                                <option value=",">,</option>
                                <option value=";">;</option>
                            </select>
                        </div>
                        <div class="mb-3 input-group d-flex flex-column align-items-start">
                            <button type="submit" class="btn btn-main btn-dashboard">
                                Load
                            </button>
                        </div>
                    </div>
                </div>
            </form>
        </div>
    </div>
</div>


@error('success')
    @section('alert')
    <div class="alert alert-success alert-dismissible fade show" role="alert">
        {!! $message !!}
        <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
      </div>
    @endsection
@enderror

@error('errors')
    @section('alert')
    <div class="alert alert-danger alert-dismissible fade show" role="alert">
        {!! $message !!}
        <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
      </div>
    @endsection
@enderror