@extends('motomel.plantilla')
@section('scripts')
<link href="{{ asset('css/datatables.min.css') }}" rel="stylesheet">
<script src="{{ asset('js/datatables.min.js') }}"></script>
@endsection
@section('breadcrumb')
<ol class="breadcrumb">
    <li class="breadcrumb-item"><a href="/home">Inicio</a></li>
    <li class="breadcrumb-item active">Ordenes listado</a></li>
</ol>
<div class="row px-4 mb-2">
    <div class="col-sm-12">
        <h2>&Oacute;rdenes de cobranza</h2>
    </div>
</div>
@endsection
@section('contenido')
@if(Session::get('cliente_id'))
<div class="row px-4">
        <div class="col-sm-12 my-2">
            <a title="Borrador" href="/ordenes-listar?tipoEstado=borrador" class="btn buttonRecargar"><span>Borradores ({{$cantidadBorrador->cantidad_borrador}})</span></a>
            <a title="Finalizados" href="/ordenes-listar?tipoEstado=finalizado" class="btn buttonRecargar"><span>Finalizados ({{$cantidadFinalizados->cantidad_finalizado}})</span></a>
            <a title="Todos" href="/ordenes-listar" class="btn buttonRecargar"><span>Todos ({{$cantidadTotal->cantidad_total}})</span></a>
            <a title="Recargar" href="#" class="btn buttonRecargar" aria-hidden="true" onclick='window.location.replace("/ordenes-listar");'><span>Recargar</span></a>
        </div>
    <div class="col-sm-12">
        <table id="grilla" class="display">
            <thead>
                <tr>
                    <th>Numero orden</th>
                    <th>Cliente</th>
                    <th>Celular</th>
                    <th>Estado</th>
                    <th>Fecha</th>
                    <th>Total</th>
                    <th>Comprobante</th>
                </tr>
            </thead>
        </table>
    </div>
</div> 
<script>
	var dataTable = $('#grilla').DataTable({
	    "processing": true,
        "serverSide": true,
	    "bFilter": true,
	    "bInfo": true,
	    "bSearchable": true,
        "pageLength": 25,
        "order": [[ 0, "asc" ]],
	    "ajax": "{{ asset('/ordenes-listar/cargarGrilla?tipoEstado='.$tipo) }}"
	});
    function fAccion(idOrden){
        modificado = false;
        accion = $("#lstComprobanteCobranza"+idOrden).val();
        if(accion == "descargar-pdf"){
            window.open('https://motomel.depcsuite.com/orden/descargarPdf?idOrden='+idOrden, '_blank');
        }if(accion == "enviar-correo"){
            $.ajax({ 
	            type: "GET",
	            url: "/orden/enviarMail",
	            data: {
                        idOrden:idOrden
                    },
	            async: true,
	            dataType: "json",
	            success: function (data) {
	                msgShow(data.MSG, data.ESTADO);
	            }
	        });
        }
        $("#lstComprobanteCobranza"+idOrden).prop("selectedIndex", "");
    }
</script>
    @else
    <div class="row">
        <div class="col-12 pl-4 mt-2">
            <div class="alert alert-danger" role="alert">
                Seleccione un cliente para poder operar.
            </div>
        </div> 
    </div>
    @endif
@endsection