@extends('layouts.app')

@section('content')
<!-- end sidebar menu -->
<!-- start page content -->
<div class="page-content-wrapper">
    <div class="page-content" style="min-height:1200px">
        <div class="page-bar">
            <div class="page-title-breadcrumb">
                <!--<div class="pull-left">
                        <div class="page-title text-danger">Sin Sucursal</div>
                    </div>-->
                <ol class="breadcrumb page-breadcrumb pull-right">
                    <li><i class="fa fa-home"></i>&nbsp;<a class="parent-item"
                            href="{{ url('/dashboard') }}">Inicio</a>&nbsp;<i class="fa fa-angle-right"></i>
                    </li>
                    <li class="active">Detalle Cargue</li>
                </ol>
            </div>
        </div>
        <!-- start widget -->
        <!-- start admited patient list -->
        <div class="row card  card-box">
            <div class="col-lg-12 col-lg-12">
                <div class="">
                    <div class="card-head">
                        <header>Detalle Cargue</header>
                    </div>

                    <div class="row">
                        <div class="col-md-3">
                            <div class="box box-success container">
                                <div class="box-body">
                                    <h3 class="profile-username text-center">{{ $cargue->car_nombre }}</h3>
                                    <ul class="list-group list-group-unbordered">
                                        <li class="list-group-item">
                                            <p><strong>Código Cargue:</strong> {{ $cargue->car_id }}</p>
                                        </li>
                                        <li class="list-group-item">
                                            <p>
                                                <strong>Tipo Cargue:</strong>

                                                @if ($cargue->car_tipo_cargue == 1)
                                                    Cliente
                                                @elseif($cargue->car_tipo_cargue == 2)
                                                    Contrato
                                                @elseif($cargue->car_tipo_cargue == 3)
                                                    Servicios Contratos
                                                @elseif($cargue->car_tipo_cargue == 4)
                                                    Pagos
                                                @elseif($cargue->car_tipo_cargue == 5)
                                                    Lotes
                                                @elseif($cargue->car_tipo_cargue == 6)
                                                    Cobro Cartera
                                                
                                                @elseif($cargue->car_tipo_cargue == 7)
                                                    Comunicaciones Masivas
                                                @endif
                                            </p>
                                        </li>
                                        <li class="list-group-item">
                                            <p><strong>¿Archivo Con Titulos?:</strong>
                                            @if ($cargue->car_titulos == 1)
                                                Si
                                            @else
                                                No
                                            @endif</p>
                                        </li>
                                        <li class="list-group-item">
                                            <p><strong>Separador:</strong>
                                                @if ($cargue->car_separador == 1)
                                                    Coma (,)
                                                @elseif($cargue->car_separador == 2)
                                                Punto y Coma (;)
                                                @elseif($cargue->car_separador == 3)
                                                    Punto (.)
                                                @else
                                                    Dos Puntos (:)
                                                @endif
                                            </p>
                                        </li>
                                        <li class="list-group-item">
                                            <p><strong>Acción Para Duplicados:</strong>
                                                @if ($cargue->car_accion_cliente_duplicado == 1)
                                                   Omitir
                                                @elseif($cargue->car_accion_cliente_duplicado == 2)
                                                    Sobreescribir
                                                @elseif($cargue->car_accion_cliente_duplicado ==3)
                                                    Combinar
                                                @else
                                                    Insertar
                                                @endif
                                            </p>
                                        </li>
                                        <li class="list-group-item">
                                            <p><strong>¿Actualizar solo estados?:</strong>
                                                @if ($cargue->car_solo_estados == 1)
                                                    Si
                                                @else
                                                    No
                                                @endif
                                            </p>
                                        </li>
                                        <li class="list-group-item">
                                            <p><strong>Creado Por:</strong> Avantec</p>
                                        </li>
                                        <li class="list-group-item">
                                            <p><strong>Fecha Creación:</strong> {{ $cargue->car_fechacreacion }}</p>
                                        </li>
                                        <li class="list-group-item">
                                            <p><strong>Modificado Por:</strong> Avantec</p>
                                        </li>
                                        <li class="list-group-item">
                                            <p><strong>Fecha Modificación:</strong> {{ $cargue->car_fechamodificacion }}</p>
                                        </li>
                                        <li class="list-group-item">
                                            <p><strong>Archivo: </strong>&nbsp;<a style="display: initial;" class="fa fa-download" aria-hidden="true"
                                                href="{{ asset('upload/cargues/'.$cargue->car_archivo) }}"
                                                download="{{ $cargue->car_archivo }}">Descargar archivo</a></p>
                                        </li>
                                        @if($cargue->car_estado == 2)
                                            <li class="list-group-item">
                                                <p><strong>Progreso:</strong> <label id="lblProgreso">100.00%</label></p>
                                                <div class="progress" style="height: 18px;">
                                                    <div id="divProgressBar"
                                                        class="progress-bar progress-bar-success progress-bar-striped active"
                                                        role="progressbar" aria-valuenow="100.00" aria-valuemin="0"
                                                        aria-valuemax="100" style="width:100.00%;color: black;">
                                                        100.00% Completado </div>
                                                </div>
                                            </li>
                                        @elseif($cargue->car_estado == 3)
                                            <li class="list-group-item">
                                                <p><strong>Progreso:</strong> <label id="lblProgreso">0.00%</label></p>
                                                <div class="progress" style="height: 18px;">
                                                    <div id="divProgressBar"
                                                        class="progress-bar progress-bar-success progress-bar-striped active"
                                                        role="progressbar" aria-valuenow="00.00" aria-valuemin="0"
                                                        aria-valuemax="100" style="width:0.00%;color: black;">
                                                        0.00% Completado </div>
                                                </div>
                                            </li>
                                        @elseif($cargue->car_estado == 4)
                                            <li class="list-group-item">
                                                <p><strong>Progreso:</strong> <label id="lblProgreso">0.00%</label></p>
                                                <div class="progress" style="height: 18px;">
                                                    <div id="divProgressBar"
                                                        class="progress-bar progress-bar-success progress-bar-striped active"
                                                        role="progressbar" aria-valuenow="0.00" aria-valuemin="0"
                                                        aria-valuemax="100" style="width:0.00%;color: black;">
                                                        0.00% Completado </div>
                                                </div>
                                            </li>
                                        @else
                                            <li class="list-group-item">
                                                <p><strong>Progreso:</strong> <label id="lblProgreso">{{$cargue->car_porcentaje_progreso}}%</label></p>
                                                <div class="progress" style="height: 18px;">
                                                    <div id="divProgressBar"
                                                        class="progress-bar progress-bar-success progress-bar-striped active"
                                                        role="progressbar" aria-valuenow="{{$cargue->car_porcentaje_progreso}}" aria-valuemin="0"
                                                        aria-valuemax="100" style="color: black;width:{{$cargue->car_porcentaje_progreso}}%">
                                                        {{$cargue->car_porcentaje_progreso}}% Completado </div>
                                                </div>
                                            </li>
                                        @endif
                                        <li class="list-group-item">
                                            <p>
                                                <strong>Estado:</strong>
                                                @if ($cargue->car_estado == 1)
                                                    <label id="lblestado">
                                                        <span class="label label-danger">Cargando</span>
                                                    </label>
                                                @elseif($cargue->car_estado == 2)
                                                    <label id="lblestado">
                                                        <span class="label label-success">Cargado</span>
                                                    </label>
                                                @elseif($cargue->car_estado == 3)
                                                    <label id="lblestado">
                                                        <span class="label label-primary">En Cola</span>
                                                    </label>
                                                @elseif($cargue->car_estado == 4)
                                                    <label id="lblestado">
                                                        <span class="label label-info">Pendiente Procesar</span>
                                                    </label>
                                                @elseif($cargue->car_estado == 5)
                                                    <label id="lblestado">
                                                        <span class="label label-primary">En Proceso</span>
                                                    </label>
                                                @elseif($cargue->car_estado == 6)
                                                    <label id="lblestado">
                                                        <span class="label label-info">Procesado</span>
                                                    </label>
                                                @else
                                                <label id="lblestado">
                                                    <span class="label label-danger">Anulado</span>
                                                </label>
                                                @endif

                                            </p>
                                        </li>
                                    </ul>
                                    <br />

                                    @if($cargue->car_estado == 2)
                                        <a class="btn btn-info btn-block preguntar" data-type="cola" href="javascript:void(0)" data-url="{{ route('cargues.cambiar_status',['cargue_id'=>$cargue->car_id,'status'=>3]) }}"><i class="fa fa-check"></i> Poner en Cola</a>
                                    @endif

                                    <a class="btn btn-warning btn-block"  href="{{ route('cargues.listado') }}"><i class="fa fa-arrow-left"></i> Volver a Listado</a>

                                    @if($cargue->car_estado == 2)
                                    {{-- anularTmp-cargue --}}
                                        @if (auth()->user()->hasPermissionTo('anularTmp-cargue'))
                                            <a class="btn btn-danger btn-block preguntar"  data-type="anular" href="javascript:void(0)" data-url="{{ route('cargues.cambiar_status',['cargue_id'=>$cargue->car_id,'status'=>7]) }}"><i class="fa fa-times"></i> Anular</a>
                                            
                                        @endif
                                    @endif
                                    <br />
                                    <br />
                                </div>
                            </div>
                        </div>

                        <div class="col-md-9 ">
                            <div class="tmp-index">
                                <div id="w1" >
                                    <div class="panel panel-info">
                                        <div class="panel-heading">

                                            <h3 class="panel-title"><i class="fa fa-file-text-o"></i> Registros Cargados
                                            </h3>

                                        </div>
                                        <div class="kv-panel-before">
                                            <div class="btn-toolbar kv-grid-toolbar toolbar-container pull-right">
                                                <div class="btn-group">
                                                    <a class="btn btn-default"
                                                        href="{{ url('cargue/detail/' . $id) }}"
                                                        title="Recargar Grilla"> <i class="fa fa-repeat"></i>

                                                    </a>
                                                </div>
                                                &nbsp;
                                                <div class="btn-group">
                                                    <a class="btn btn-primary" onclick="generar()"><i class="fa fa-download"></i></a>
                                                </div>


                                        </div>

                                        <div class="table table-responsive table-striped">
                                            @switch($cargue->car_tipo_cargue)
                                                @case(1)
                                                    @include('cargues.detail-clientes')
                                                @break
                                                @case(2)
                                                    @include('cargues.detail-contratos')
                                                @break
                                                @case(3)
                                                    @include('cargues.detail-contratos-servicios')
                                                @break
                                                @case(4)
                                                    @include('cargues.detail-pagos')
                                                @break
                                                @case(6)
                                                    @include('cargues.detail-cobro-carteras')
                                                @break
                                                @case(7)
                                                    @include('cargues.detail-comunicaiones-masivas')
                                                @break
                                            @endswitch
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>


                </div>
            </div>
        </div>
    </div>
</div>


@endsection

@section('script')
    <script type="text/javascript">
        $(document).ready(function(){

                    // Setup - add a text input to each footer cell
           /* $('table thead tr')
                .clone(true)
                .addClass('filters')
                .appendTo('table thead');*/

           /* var table = $('table').DataTable({
                orderCellsTop: true,
                fixedHeader: true,
                initComplete: function () {
                    var api = this.api();

                    // For each column
                    api
                        .columns()
                        .eq(0)
                        .each(function (colIdx) {
                            console.log(colIdx);
                            // Set the header cell to contain the input element
                            var cell = $('.filters th').eq(
                                $(api.column(colIdx).header()).index()
                            );
                            var title = $(cell).text();
                            if(title == 'Estado del Cargue'){
                                $(cell).html('<select class="form-control"><option value="">Seleccione</option><option value="Cargado">Cargado</option><option value="Procesado">Procesado</option><option value="Fallido">Fallido</option></select>');
                                 // On every keypress in this input

                            $(
                                'select',
                                $('.filters th').eq($(api.column(colIdx).header()).index())
                            )
                                .off('keyup change')
                                .on('change', function (e) {
                                    // Get the search value
                                    $(this).attr('title', $(this).val());
                                    var regexr = '({search})'; //$(this).parents('th').find('select').val();

                                    var cursorPosition = this.selectionStart;
                                    // Search the column for that value
                                    api
                                        .column(colIdx)
                                        .search(
                                            this.value != ''
                                                ? regexr.replace('{search}', '(((' + this.value + ')))')
                                                : '',
                                            this.value != '',
                                            this.value == ''
                                        )
                                        .draw();
                                })
                                .on('keyup', function (e) {
                                    e.stopPropagation();

                                    $(this).trigger('change');
                                    $(this)
                                        .focus()[0]
                                        .setSelectionRange(cursorPosition, cursorPosition);
                                });

                            }else{
                                $(cell).html('<input type="text" class="form-control" placeholder="' + title + '" />');
                                 // On every keypress in this input
                            $(
                                'input',
                                $('.filters th').eq($(api.column(colIdx).header()).index())
                            )
                                .off('keyup change')
                                .on('change', function (e) {
                                    // Get the search value
                                    $(this).attr('title', $(this).val());
                                    var regexr = '({search})'; //$(this).parents('th').find('select').val();

                                    var cursorPosition = this.selectionStart;
                                    // Search the column for that value
                                    api
                                        .column(colIdx)
                                        .search(
                                            this.value != ''
                                                ? regexr.replace('{search}', '(((' + this.value + ')))')
                                                : '',
                                            this.value != '',
                                            this.value == ''
                                        )
                                        .draw();
                                })
                                .on('keyup', function (e) {
                                    e.stopPropagation();

                                    $(this).trigger('change');
                                    $(this)
                                        .focus()[0]
                                        .setSelectionRange(cursorPosition, cursorPosition);
                                });
                            }

                        });
                },
            });*/



            $("a.preguntar").click(function(){
                let url = $(this).attr("data-url");
                let data_type = $(this).attr("data-type");
                let tt = "";

                if(data_type == "cola"){
                    tt = "¿Está seguro de poner en cola este cargue?";
                }

                if(data_type == "anular"){
                    tt = "¿Está seguro de que desea anular este cargue?";
                }

                Swal.fire({
                  icon: 'question',
                  title: tt,
                  showCancelButton: true,
                  cancelButtonColor: 'red',
                  confirmButtonColor: 'green',
                }).then((result) => {
                  if (result.isConfirmed) {
                    location.href = url;
                  } else if (result.isCancel) {

                  }
                })
            });
        });
    </script>
@endsection