@extends('layouts.dashboard')

@section('dashboard')

    @if(session('message'))
        {!! session('message') !!}
    @endif

    <ul class="breadcrumb m-0 p-0">
        <li><a href="/dashboard">Home</a></li>
        <li><strong>Carga Inicial de Productos</strong></li>
    </ul>

    <div class="row align-items-center mb-4">
        <div class="col-md-auto">
            <h1 class="titulo-h1 mb-0">Carga Inicial de Productos</h1>
        </div>
    </div>

    <form method="post" class="form-registro" action="{{ route('carga-inicial-productos') }}" enctype="multipart/form-data" onsubmit="return modalCargando()">
        {{ csrf_field() }}
        <div class="card">
            <div class="card-body">
                <div class="row mt-4">
                    <div class="col-6 row align-items-center">
                        <div class="col-3 mb-3">
                            <label class="mt-3 mb-2 mt-md-2 m-lg-0">Archivo*</label>
                        </div>
                        <div class="col-9 mb-3">
                            <div class="custom-file">
                                <input type="file" class="custom-file-input" id="archivo" name="archivo" accept=".csv" required="">
                                <label class="custom-file-label" for="archivo">Cargar archivo .csv</label>
                            </div>
                        </div>
                    </div>
                    <div class="col-12 text-right">
                        <div class="row justify-content-end">
                            <div class="col-auto">
                                <a href="{{ route('descargar-plantilla-productos') }}" class="btn btn-success btn-sm" download>Descargar plantilla de productos</a>
                            </div>
                            <div class="col-auto">
                                <button type="submit" name="button" class="btn btn-primary btn-sm blq-btn-producto">Procesar</button>
                            </div>
                        </div>
                    </div>
                </div>

            </div>
        </div>
    </form>

@endsection