@extends('layouts.index')

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

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

@section('content')
    <div class="container-fluid">
        <div class="row">
            <div class="col-md-8">
                <form action="{{ route('ingreso.store_ventas') }}" method="POST">
                    @csrf
                    <div class="row">
                        <div class="col-md-12">
                            <h3 class="text-muted">Ingreso de Ventas</h3>
                        </div>
                    </div>
                    <div class="row espacio10">
                        <div class="col-md-12">
                            <label class="radio-inline">
                                <input type="radio" name="documento" id="factura" value="factura" checked> Factura
                            </label>
                            <label class="radio-inline">
                                <input type="radio" name="documento" id="boleta" value="boleta"> Boleta
                            </label>
                            <input type="hidden" id="tipo_ingreso" name="tipo_ingreso" value="1" />
                        </div>
                    </div>
                    
                    <div class="row">
                        <div class="col-md-8">
                            <div class="small-box bg-white espacio5"> 
                                <div class="row costado_corto">
                                    <div class="col-md-2">
                                        <span class="badge text-black badge-default">Folio</span>
                                        <input type="text" class="form-control form-control-sm" required onblur="validar_folio()" id="folio" name="folio">
                                    </div>
                                    <div class="col-md-3">
                                        <span class="badge text-black badge-default">Fecha</span>
                                        <input type="date" class="form-control form-control-sm" required  id="fecha" name="fecha">
                                    </div>
                                    <div class="col-md-3">
                                        <span class="badge text-black badge-default">Codigo Cliente</span>
                                        <input type="text" class="form-control form-control-sm" required onblur="validar_cliente()" id="codigo" name="codigo" placeholder="Rut sin dv">
                                    </div>
                                    <div class="col-md-3">
                                        <span class="badge text-black badge-default">Rut</span>
                                        <input type="text" class="form-control form-control-sm" readonly id="rut" name="rut" >
                                    </div>

                                </div>
                                <div class="row costado corto">
                                    <div class="col-md-7">
                                        <span class="badge text-black badge-default">Razon Social</span>
                                        <input type="text" class="form-control form-control-sm" readonly id="razon_social" name="razon_social">
                                    </div>
                                    <div class="col-md-4">
                                        <span class="badge text-black badge-default">Tipo Movimiento</span>
                                        <select id="tipo_movimiento" name="tipo_movimiento" required class="form-control form-control-sm">
                                            <option value="">{{'Seleccionar'}}</option>
                                            @foreach ($tipo_movimientos as $tipo_movimiento)
                                                <option value="{{$tipo_movimiento->codigo}}">{{$tipo_movimiento->nombre}}</option>
                                            @endforeach
                                        </select>
                                    </div>
                                </div>
                                <div class="row costado_corto">
                                    <div class="col-md-3">
                                        <span class="badge text-black badge-default">Valor</span>
                                        <input type="text" class="form-control form-control-sm" id="valor" placeholder="valor neto" name="valor">
                                    </div>
                                </div>
                                <div class="row espacio10"></div>
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="row">
                                <div class="col-md-4 espacio24">
                                    <button type="submit" onclick="agregar_venta()" class="btn btn-primary btn-block btn-sm">Agregar</button>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-md-4 espacio24">
                                    <a href="\gestion" class="btn btn-block btn-sm btn-danger">Volver</a>
                                </div>
                            </div>
                        </div>
                    </div>
                        
                </form>
                <div class="row espacio30">
                    <div class="col-md-8">
                        <input type="hidden" id="identificador" value="#ingresos" >
                        <table id="ingresos" class="table table-striped table-bordered shadow-lg mt-4 dt-responsive nowrap" style="width:100%">
                            <thead class="bg-primary text-white">
                                <tr>
                                    <th scope="col" width="10">{{'Folio'}}</th>
                                    <th scope="col" width="15">{{'Fecha'}}</th>
                                    <th scope="col" width="10%">{{'Documento'}}</th>
                                    <th scope="col" width="50%">{{'Cliente'}}</th>
                                    <th scope="col" width="15%">{{'Valor'}}</th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach ($ingresos as $ingreso)
                                    <tr>
                                        <td>{{$ingreso->folio}}</td>
                                        <td>{{date("d-m-Y",strtotime($ingreso->fecha))}}</td>
                                        @if ($ingreso->tipo_documento_id == 1)
                                            <td>{{"Factura"}}</td>
                                        @else
                                            <td>{{"Boleta"}}</td>
                                        @endif
                                        <td>{{$ingreso->nombre}}</td>
                                        <td>{{$ingreso->valor}}</td>
                                    </tr>
                                @endforeach
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
            <div class="col-md-4">
            </div>
        </div>
    </div>

<!-- Modal Ingreso Clientes -->

    <div class="modal fade" id="ingreso_clientes" role="dialog" aria-labelledby="modal_clientes" aria-hidden="true">
        <div class="modal-dialog modal-lg" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="modal_clientes">{{'Ingreso de Clientes'}}</h5>
                    <button type="button" class="close" data-dismiss="modal">
                        <span aria-hidden="true">×</span>
                    </button>
                </div>
                <div class="modal-body">
                    <div class="container-fluid">
                        <div class="row">
                            <div class="col-md-4">
                                <span class="badge text-black badge-default">Codigo</span>
                                <input id="codigo_cliente" name="codigo_cliente" type="text" readonly class="form-control form-control-sm ">
                            </div>
                            <div class="col-md-4">
                                <span class="badge text-black badge-default">Rut</span>
                                <input id="rut_cliente" name="rut_cliente" type="text" readonly class="form-control form-control-sm ">
                            </div>
                            <div class="col-md-4">
                                <span class="badge text-black badge-default">Pasaporte</span>
                                <input id="pasaporte_cliente" name="pasaporte_cliente" type="text" class="form-control form-control-sm ">
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-md-12">
                                <span class="badge text-black badge-default">Nombre o Razon Social</span>
                                <input id="razon_social_cliente" name="razon_social_cliente" type="text" class="form-control form-control-sm ">
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-md-8">
                                <span class="badge text-black badge-default">Direccion</span>
                                <input id="direccion_cliente" name="direccion_cliente" type="text" class="form-control form-control-sm ">
                            </div>
                            <div class="col-md-4">
                                <span class="badge text-black badge-default">Comuna</span>
                                <select id="comuna_cliente" name="comuna_cliente" class="form-control form-control-sm">
                                    <option value="">{{'Seleccionar'}}</option>
                                    @foreach ($comunas as $comuna)
                                        <option value="{{$comuna->codigo}}">{{$comuna->nombre}}</option>
                                    @endforeach
                                </select>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-md-8">
                                <span class="badge text-black badge-default">Email</span>
                                <input id="email_cliente" name="email_cliente" type="email" class="form-control form-control-sm ">
                            </div>
                            <div class="col-md-4">
                                <span class="badge text-black badge-default">Giro</span>
                                <select id="giro_cliente" name="giro_cliente" class="form-control form-control-sm">
                                    <option value="">{{'Seleccionar'}}</option>
                                    @foreach ($giros as $giro)
                                        <option value="{{$giro->id}}">{{$giro->nombre}}</option>
                                    @endforeach
                                </select>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-md-8">
                                <span class="badge text-black badge-default">Email DTE</span>
                                <input id="email_dte" name="email_dte" type="email" class="form-control form-control-sm ">
                            </div>
                            <div class="col-md-4"></div>
                        </div>
                        <div class="row espacio20">
                            <div class="col-md-4">
                                <button type="button" onclick="agregar_cliente()" class="btn btn-success btn-sm">Agregar</button>
                                <button type="button" onclick="cerrar_modal_cliente()" class="btn btn-danger btn-sm">Cancelar</button>
                            </div>
                            <div class="col-md-8"></div>
                        </div>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" onclick="cerrar_modal_cliente()" data-dismiss="modal">Cerrar</button>
                </div>
            </div>
        </div>
    </div>

@stop

@section('scripts')
    <script src="{{ asset('js/jquery/jquery-3.5.1.js') }}" defer></script>
    <script src="{{ asset('js/jquery/jquery.min.js') }}" defer></script>
    <script src="{{ asset('js/bootstrap/bootstrap.bundle.min.js') }}" defer></script>
    <script src="{{ asset('js/gestion.js') }}" defer></script>
    <script src="{{ asset('js/scripts.js') }}" defer></script>
    <script src="{{ asset('js/dataTables/jquery.dataTables.min.js') }}" defer></script>
    <script src="{{ asset('js/dataTables/dataTables.bootstrap4.min.js') }}" defer></script>
    <script src="{{ asset('js/dataTables/dataTables.responsive.min.js') }}" defer></script>
    <script src="{{ asset('js/dataTables/responsive.bootstrap4.min.js') }}" defer></script>
    <script src="{{ asset('js/dataTables/config-dt.js') }}" defer></script>
@stop