@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 Masiva 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 Masiva de Productos</h1>
        </div>
    </div>

    @if (session('status') && session('status') == 'procesando')
        <form method="post" id="form-carga-productos" action="{{ route('procesar-actualizacion-productos-masiva') }}">
            {{ csrf_field() }}
            <!--<button type="submit">Cargar</button>-->
        </form>
    @else
        <form method="post" class="form-registro" action="{{ route('actualizacion-productos-masiva') }}"
            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">
                            <div class="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>
                        <div class="col-6">
                            <div class="row align-items-center">
                                <div class="col-3 mb-3">
                                    <label for="tipo-carga" class="mt-3 mb-2 mt-md-2 m-lg-0">Crear o actualizar*</label>
                                </div>
                                <div class="col-9 mb-3">
                                    <select name="tipo-carga" id="tipo-carga" class="form-control select2"
                                        required="required" onchange="inputCheckboxActualizar(this.value)">
                                        <option value="crear">Crear</option>
                                        <option value="actualizar">Actualizar</option>
                                    </select>
                                </div>
                            </div>
                        </div>
                        <div class="col-12 marcar-check"></div>
                        <div class="col-12 text-right">
                            <div class="row justify-content-end">
                                <div class="col-auto">
                                    <a href="{{ route('descargar-plantilla-productos', ['id' => 'vacia']) }}"
                                        class="btn btn-success btn-sm">Descargar plantilla sin productos</a>
                                </div>
                                <div class="col-auto">
                                    <a href="{{ route('descargar-plantilla-productos', ['id' => 'completa']) }}"
                                        class="btn btn-success btn-sm">Descargar plantilla con productos</a>
                                </div>
                                <div class="col-auto">
                                    <button type="submit" name="button"
                                        class="btn btn-primary btn-sm blq-btn">Procesar</button>
                                </div>
                            </div>
                        </div>
                    </div>

                </div>
            </div>
        </form>
    @endif
@endsection

@if (session('status') && session('status') == 'procesando')
    @section('scripts')
        <script>
            modalCargando();
            $('#form-carga-productos').submit();
        </script>
    @endsection
@endif