@extends('layouts.app')

@section('css')
<link href="https://cdn.jsdelivr.net/npm/select2@4.0.12/dist/css/select2.min.css" rel="stylesheet" />
<link rel="stylesheet" href="{{asset('css')}}/bootstrap-material-datetimepicker.css" />
<style>
    .input-group-text {
        margin-right: 10px;
    }
</style>
@endsection

@section('content')
<div class="bread">
    <ol class="breadcrumb">
        <li class="breadcrumb-item active class_select"><a href="{{ URL('/home') }}">Inicio</a></li>
        <li class="breadcrumb-item">Administrativos</li>
        <li class="breadcrumb-item class_select"> <a href="{!! route('administrativo.users') !!}">Lista de usuarios</a>
        </li>
        <li class="breadcrumb-item">Editar usuario</li>
    </ol>
</div>
<div class="row justify-content-between">
    <div class="col-12 col-xl-6" style="padding:0 0 0 35px">
        <h1 class="page-title">Edita este <span class="fw-semi-bold">usuario</span></h1>
    </div>
    <div class="col-12 col-xl-6 text-right">
        <a class="btnInfo btn3" href="{!! route('administrativo.users') !!}">Regresar</a>
    </div>
</div>

<section class="widget">
    <header class="header-border">
        <h6 style="font-size:16px;">
            Llena todos los campos necesarios para actualizar este usuario
        </h6>
    </header>
    <div class="widget-body">
        {!! Form::model($supervisorObjetivos, ['route' => ['supervisorObjetivos.update', $supervisorObjetivos->id],
        'method' => 'patch']) !!}

        @include('supervisor_objetivos.fields')

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

@section('scripts')
<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="https://cdn.jsdelivr.net/npm/select2@4.0.12/dist/js/select2.min.js"></script>
<script src="{!! asset('template') !!}/bower_components/bootstrap-select/dist/js/bootstrap-select.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 src="{!! asset('js') !!}/validaciones.js"></script>

<script>
    //Variables globales
    var correo_existe = false;
    var url = '{!! asset("/") !!}';
    var url_base = '{!! url("/") !!}';

    $(document).ready(function() {
        $('.js-example-basic-single').select2();
        $("#fecha_nacimiento").inputmask({
            mask: "9999-99-99"
        });

        $('#semana').bootstrapMaterialDatePicker({
            lang: 'es',
            weekStart: 1,
            cancelText: 'Cancelar',
            time: false,
            format :'YYYY-MM-DD',
        });

        $("form").submit(function(e) {
            e.preventDefault();
            aplicar_validaciones(e);
        });

    }); // fin document

    function aplicar_validaciones(event) {
        var validacion = true;

        if (!validar_fecha('#semana', '#semana-mensaje')) {
            validacion = false;
        }

        if (!validar_seleccion('#supervisor_id', '#supervisor_id-mensaje')) {
            validacion = false;
        }

        if (!validar_seleccion('#supervisor_id', '#supervisor_id-mensaje')) {
            validacion = false;
        }

        if (!validar_numero('#cobranza_monto', '#cobranza_monto-mensaje',1,0)) {
            validacion = false;
        }


        if (!validar_numero('#cobranza_prestamos', '#cobranza_prestamos-mensaje',1,0)) {
            validacion = false;
        }


        if (!validar_numero('#venta_monto', '#venta_monto-mensaje',1,0)) {
            validacion = false;
        }

        if (!validar_numero('#venta_prestamos', '#venta_prestamos-mensaje',1,0)) {
            validacion = false;
        }


        if (validacion) {
            event.target.submit();
        }
    }

</script>
@endsection