@extends('layouts.index')

@section('estilos')
    <link rel="stylesheet" href="{{ asset('css/style.css') }}">
@stop

@section('menu')
    @include('menu.carga')
@stop

@section('content')

<div class="container-fluid">
    <div class="row">
        <div class="col-lg-7">
            <div class="row">
                <div class="col-lg-12">
                    <h3 class="text-muted">{{'Carga de comprobantes (Excel)'}}</h3>
                </div>
            </div>

            <form action="{{ route('cargas.validar_planillas') }}" method="POST" enctype="multipart/form-data">
                @csrf
                <div class="small-box bg-white espacio5">
                    <div class="row">
                        <div class="col-md-12 espacio5">
                            <div class="row costado_corto">
                                <h5 class="text-muted">{{'Datos Cabecera'}}</h5>
                            </div>
                        </div>
                        <div class="col-md-12 espacio5">
                            <div class="row costado_corto">
                                <div class="col-md-4">
                                    <span class="badge text-black badge-default">Area Negocios</span>
                                    <select id="area_negocio" name="area_negocio" required class="form-control form-control-sm">
                                        <option value="">{{'Seleccionar'}}</option>
                                        @foreach ($area_negocios as $area)
                                            <option value="{{$area->CodArn}}">{{$area->CodArn." - ".$area->DesArn}}</option>
                                        @endforeach
                                    </select>
                                </div>
                                <div class="col-md-2">
                                    <span class="badge text-black badge-default">Año</span>
                                    <input id="year" name="year" type="text" required placeholder="9999" class="form-control form-control-sm ">
                                </div>
                                <div class="col-md-2">
                                    <span class="badge text-black badge-default">Mes</span>
                                    <input id="mes" name="mes" required type="text" placeholder="99" class="form-control form-control-sm ">
                                </div>
                                <div class="col-md-2">
                                    <span class="badge text-black badge-default">Dia</span>
                                    <input id="dia" name="dia" required type="text" placeholder="99" class="form-control form-control-sm ">
                                </div>
                            </div>
                            <div class="row costado_corto">
                                <div class="col-md-3 espacio5">
                                    <span class="badge text-black badge-default">Nro Comprobante</span>
                                    <input id="comprobante" name="comprobante" type="text" class="form-control form-control-sm">
                                </div>
                                <div class="col-md-7 espacio5">
                                    <span class="badge text-black badge-default">Detalle Comprobante</span>
                                    <input id="detalle" name="detalle" type="text" class="form-control form-control-sm">
                                </div>
                            </div>
                        </div>
                        <div class="col-md-12 espacio10"></div>
                    </div>
                </div>

                <div class="small-box bg-white espacio5">
                    <div class="row">
                        <div class="col-md-12 espacio5">
                            <div class="row costado_corto">
                                <h5 class="text-muted">{{'Carga Archivo, solo excel'}}</h5>
                            </div>
                        </div>
                        <div class="col-md-12 espacio5">
                            <div class="row costado_corto">
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <span class="badge text-black badge-default">Subir Planilla</span>
                                        <input type="file" name="planilla" accept="application/vnd.ms-excel" class="form-control form-control-sm" id="planilla" />
                                    </div>
                                </div>
                                
                            </div>
                        </div>
                        <div class="col-md-12 espacio10"></div>
                    </div>
                </div>
                <div class="row costado_corto">
                    <div class="col-md-6">
                        <button type="submit" class="btn btn-sm btn-primary">Validar Planilla</button>
                    </div>
                </div>
            </form>
        </div>
    </div>
</div>


@stop

@section('scripts')
    <script src="{{ asset('js/dataTables/jquery-3.5.1.js') }}" defer></script>
@stop