@extends('layouts.dashboard')

@section('dashboard')

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

    <h1 class="titulo-h1 mb-4">Subir Productos</h1>
    @if (session('actualizar_correcto'))
        <div class="col-12">
            <div class="alert alert-success mb-3" role="alert">
                <h6 class="mb-3">Los productos fueron cargado de forma correcta
                </h6>

            </div>
        </div>
    @endif
    @if (session('errorAlSubir'))
        <div class="col-12">
            <div class="alert alert-warning mb-3" role="alert">
                <h6 class="mb-3">Lo sentimos, hubo un error al subir el archivo, por favor revise y vuelva a intentarlo.
                </h6>
            </div>
        </div>
    @endif
    <div class="card">
        <div class="card-body">
            <form method="post" class="form-registro" action="{{ route('cargar-productos-proveedor') }}"
                enctype="multipart/form-data" onsubmit="return modalCargando()">
                {{ csrf_field() }}
                <div class="card">
                    <div class="card-body">
                        {{-- <div class="row align-items-center"> --}}
                        <div class="card">
                            <div class="card-body row align-items-center">

                                <div class="col-2 mb-3">
                                    <label class="mt-3 mb-2 mt-md-2 m-lg-0">Paso 1: Descargar</label>
                                </div>
                                <div class="col-10 mb-3">
                                    <div class="row">
                                        <div class="col-auto">
                                            <a href="{{ route('descargar-plantilla-productos-proveedor', ['tipo' => 'completa']) }}" class="btn btn-success btn-sm">Plantilla con
                                                productos</a>
                                        </div>
                                        <div class="col-auto">
                                            <a href="{{route('descargar-plantilla-productos-proveedor', ['tipo' => 'vacia']) }}" class="btn btn-success btn-sm">Plantilla sin
                                                productos</a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <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">
                                <button type="submit" name="button"
                                    class="btn btn-primary btn-sm blq-btn">Subir</button>
                            </div>
                        </div>
                    </div>
                </div>
            </form>
        </div>
    </div>

@endsection