@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">Crear Cargue</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">Crear Cargue</li>
                </ol>
            </div>
        </div>
        <div class="row">
            <div class="col-lg-12 col-lg-12">
                <div class="card  card-box card-body">
                    <!--<div class="card-head">
                        <header>Crear Cargue</header>
                    </div>-->


                {!! Form::open(['url' =>
                'cargue/crear','method'=>'post','id'=>'frmFiltros','enctype'=>'multipart/form-data',
                'accept'=>'.csv/*']) !!}

                <div class="row">
                    <div class="col-6">
                        <b for="">Nombre de cargue</b>
                        {!!
                        Form::text('nombre',$nombre,['id'=>'documento','class'=>'form-control','placeholder'=>'Nombre', 'required'])
                        !!}
                    </div>

                    <div class="col-6">
                        <b for="">Tipo de Cargue</b>
                        {!! Form::select('tipo_cargue',['1' => 'Tipo Cliente', '2'=> 'Tipo Contrato','3' => 'Servicios
                        Contratos', '4' => 'Pagos', '5' => 'Lotes', '6' => 'Cobro Cartera', '7' => 'Comunicaciones Masivas'],
                        $tipo_cargue,['id'=>'tipo_cargue','class'=>'form-control','placeholder'=>'Seleccionar', 'onchange' =>'changeValue()', true, true, 'required']) !!}

                    </div>

                </div>
                <div class="row py-5">
                    <div class="col-12">
                        <div class="col-6" id="solo_estados">
                            <label for="telefonos" class="form-label">Solo estados? </label><br>
                            <input type="checkbox" name="solo_estados" data-off="No" data-on="Si" data-toggle="toggle"
                                data-onstyle="primary" data-offstyle="danger">
                        </div>


                    </div>

                </div>



                <fieldset class="form-group" id="duplicados">
                    <legend>Acción Para Duplicados </legend>
                    <div class="row">
                        <div class="col-md-4">
                            <label>
                                <input type="checkbox" checked class="filtroClientes" name="accion_cliente_duplicado" value="1" data-off="No" data-on="Si"  data-toggle="toggle" data-onstyle="primary" data-offstyle="danger" id="check_1" > Omitir
                            </label>
                        </div>
                        <div class="col-md-4">
                            <label>
                                <input type="checkbox" class="filtroClientes" name="accion_cliente_duplicado" data-off="No" data-on="Si"  value="2" data-toggle="toggle" data-onstyle="primary" data-offstyle="danger" id="check_2" > Sobrescribir
                            </label>
                        </div>
                        <div class="col-md-4">
                            <label>
                                <input type="checkbox" class="filtroClientes" name="accion_cliente_duplicado" value="3" data-off="No" data-on="Si"  data-toggle="toggle" data-onstyle="primary" data-offstyle="danger" id="check_3" > Combinar
                            </label>
                        </div>
                    </div>
                </fieldset>

                <div class="row">
                    <div class="col-12">
                        <div class="file-loading">
                            <input type="file" name="documento" data-preview-file-type="text" id="file-es" class="form-control"  />
                        </div>
                    </div>
                </div>
                <div class="row mt-3">
                    <div class="col-6">
                        <label for="telefonos" class="form-label"><b>¿Archivo Con Titulos?</b> </label><br>
                        <input type="checkbox" checked name="con_titulos" data-off="No" data-on="Si" data-toggle="toggle"
                            data-onstyle="primary" data-offstyle="danger">
                    </div>
                    <div class="col-6">
                    <label for="telefonos" class="form-label"><b>Separador</b> </label><br>
                        {!! Form::select('separador',['1' => 'Coma(,)', '2'=> 'Punto y coma (;)', '3' => 'Punto (.)',
                        '4' => 'Don puntos (:)'],
                        $separador,['id'=>'separador','class'=>'form-control','placeholder'=>'Seleccionar',  'required']) !!}
                    </div>
                </div>
                <div class="row mt-5">
                    <div class="col-12">
                        <button class="btn btn-success">
                            Guardar
                        </button>
                        <a href="{{ route('cargues.listado') }}" class="btn btn-danger">Cancelar</a>
                    </div>
                </div>
                {!! Form::close() !!}
                </div>
            </div>
        </div>

    </div>
</div>


<link href="{{ asset('css/bootstrap-glyphicons.css') }} " rel="stylesheet" type="text/css" />
@endsection

@section('script')



<script src="{{ asset('css/fileinput.js') }}"></script>
<script src="{{ asset('css/es.js') }}"></script>

<script>


   $(document).ready(function (){

    $('#file-es').fileinput(
        {"theme":"fas",
        "allowedFileExtensions":["csv","txt"],
        "showCaption":false,
        "showRemove":true,
        "showUpload":false,
        "showPreview":true,
        "language":"es",
        "resizeImage":false,
        "autoOrientImage":true,
        "purifyHtml":true}
        );

       $(".toggle").click( function () {
                   let current = $(this)
                   let currentId = current.children().attr("id")
                   let currentClass = current.children().attr("class")


                   $( ".toggle" ).children('.'+currentClass).each(function( index, element ) {


                       if ( !$( this ).is( currentId ) ) {

                           $(this).bootstrapToggle('off')
                       }
                   })
               })
   })


    var tipo_cargue = document.getElementById('tipo_cargue');
    var solo_estados = document.getElementById('solo_estados');
    var duplicados = document.getElementById('duplicados');
    solo_estados.style.display = 'none';
    duplicados.style.display = 'none';
    var check_1 = document.getElementById('check_1');
    var check_2 = document.getElementById('check_2');
    var check_3 = document.getElementById('check_3');
    function changeValue(){

        if (tipo_cargue.value === '2' || tipo_cargue.value === '3') {
            solo_estados.style.display = 'block'
        }else{
            solo_estados.style.display = 'none';

        }

        if(tipo_cargue.value === '1'){
            duplicados.style.display = 'block';
        }else{
            duplicados.style.display = 'none';
        }
    }



</script>
@endsection