@extends('layouts.app')

@section('css')
<link rel="stylesheet" href="{{asset('css')}}/bootstrap-material-datetimepicker.css" />
@endsection

@section('content')
<ol class="breadcrumb">
    <li class="breadcrumb-item active class_select"><a href="{{ URL('/home') }}">Inicio</a></li>
    <li class="breadcrumb-item class_select"> <a href="{!! route('clientes.index') !!}">Cliente</a></li>
    <li class="breadcrumb-item">Editar cliente</li>
</ol>
<div class="row justify-content-between">
    <div class="col-12 col-xl-6">
        <h1 class="page-title">Edita este <span class="fw-semi-bold">cliente</span></h1>
    </div>
    <div class="col-12 col-xl-6 text-right">
        <a class="btnInfo btn3" href="{!! route('clientes.index') !!}">Regresar</a>
    </div>
</div>
<section class="widget">
    <header class="header-border">
        <h6>
            Llena todos los campos necesarios para actualizar este usuario
        </h6>
    </header>
    <div class="widget-body">
        {!! Form::model($cliente, ['route' => ['clientes.update', $cliente->id], 'method' => 'patch']) !!}

        @include('clientes.fields')

        {!! Form::close() !!}
    </div>
</section>
@endsection

@section('scripts')
<script src="{{asset('template')}}/bower_components/bootstrap-select/dist/js/bootstrap-select.min.js"></script>
<script src="{{asset('template')}}/bower_components/jasny-bootstrap/js/fileinput.js"></script>
<script src="{{asset('template')}}/bower_components/jasny-bootstrap/js/inputmask.js"></script>
<script src="{{asset('template')}}/bower_components/switchery/dist/switchery.min.js"></script>

<script type="text/javascript" src="https://momentjs.com/downloads/moment-with-locales.min.js"></script>
<script type="text/javascript" src="{{asset('js')}}/bootstrap-material-datetimepicker.js"></script>

<script>
    $(document).ready(function(){
        new Switchery(document.getElementById('checkDomicilio'), { color: '#009975', secondaryColor: '#c81d11', jackColor: '#fff', jackSecondaryColor: '#fff' });
        new Switchery(document.getElementById('checkDomicilioCobranza'), { color: '#009975', secondaryColor: '#c81d11', jackColor: '#fff', jackSecondaryColor: '#fff' });

        fecha_nacimiento
        $('#fecha_nacimiento').bootstrapMaterialDatePicker({
            lang : 'es',
            weekStart : 1,
            cancelText : 'Cancelar' ,
            time: false
        });

        $('#fecha_nacimiento_conyuge').bootstrapMaterialDatePicker({
            lang : 'es',
            weekStart : 1,
            cancelText : 'Cancelar' ,
            time: false
        });

    });
    $("#checkDomicilio").click(function(){
        if( $('#checkDomicilio').prop('checked') ) {
            $("#laboralDiv").hide();
            $("#laboralMensaje").show();
        }else{
            $("#laboralDiv").show();
            $("#laboralMensaje").hide();
        }
    });

    $("#checkDomicilioCobranza").click(function(){
        if( $('#checkDomicilioCobranza').prop('checked') ) {
            $("#cobranzaDiv").hide();
            $("#cobranzaMensaje").show();
        }else{
            $("#cobranzaDiv").show();
            $("#cobranzaMensaje").hide();
        }
    });

    $("#fecha_nacimiento").inputmask({mask: "9999-99-99"});
    $("#telefono").inputmask({mask: "99-99-99-99-99"});
    $("#telefono_casa").inputmask({mask: "99-99-99-99-99"});
    $("#telefono_empresa").inputmask({mask: "99-99-99-99-99"});
    $("#telefono_casa_empresa").inputmask({mask: "99-99-99-99-99"});
    $("#ocupacion").change(function(){
        if($("#ocupacion").val() == "Otro")
        {
            $("#ocupacion_otro").show();
        }
        else{
            $("#ocupacion_otro").hide();
        }
    });
    $("#periodicidad_ingresos").change(function(){
        if($("#periodicidad_ingresos").val() == "Otro")
        {
            $("#periodicidad_ingresos_otro").show();
        }
        else{
            $("#periodicidad_ingresos_otro").hide();
        }
    });
    $(window).load(function() {
        if($('.class_input').val() != ' '){
            $('.class_input').parent().find('.label_class').addClass('active2');
        }
    });
    $("#codigo_postal").inputmask({mask: "99999"});
    $("#codigo_postal_empresa").inputmask({mask: "99999"});
</script>
@endsection