@extends('layouts.app')

@push('page_css')
    <link href="{{ asset('assets') }}/plugins/select2/css/select2.min.css" rel="stylesheet">   
@endpush

@section('content')


    <div class="page-info">
        <nav aria-label="breadcrumb">
            <ol class="breadcrumb">
                <li class="breadcrumb-item"><a href="{{ url('/home'); }}">Dashboard</a></li>
                <li class="breadcrumb-item"><a href="{{ url('/customers'); }}">Listado de clientes</a></li>
                <li class="breadcrumb-item active" aria-current="page">Editar clientes</li>
            </ol>
        </nav>
        <div class="page-options">
        </div>
    </div>


    <section class="content-header">
        <div class="container-fluid">
            <div class="row mb-2">
                <div class="col-sm-12">
                    <h1>Editar cliente</h1>
                </div>
            </div>
        </div>
    </section>

    <div class="content px-3">

        @include('adminlte-templates::common.errors')

        <div class="card">

            {!! Form::model($customer, ['route' => ['customers.update', $customer->id], 'method' => 'patch',  'files' => 'true', 'id' => 'customers-form' ]) !!}

            <div class="card-body">
                <h5 class="card-title">General</h5>
                <div class="row">
                    @include('customers.fields')
                </div>
            </div>

            <div class="card-body">
                <h5 class="card-title">Dirección</h5>
                <div class="row">
                    @include('address.fields')
                </div>
            </div>

            <div class="card-body">
                <h5 class="card-title">Facturación</h5>
                <div class="row">
                    @include('customers.fields_factura')
                </div>
            </div>

            <div class="card-body">
                <h5 class="card-title">Datos Bancanrios</h5>
                <div class="row">
                    @include('customers.fields_banco')
                </div>
            </div>

            <div class="card-footer">
                {!! Form::submit('Guardar', ['class' => 'btn btn-primary']) !!}
                <a href="{{ route('customers.index') }}" class="btn btn-default">Cancelar</a>
            </div>

           {!! Form::close() !!}

        </div>
    </div>
@endsection

@push('page_scripts')
    <script src="{{ asset('assets') }}/plugins/select2/js/select2.full.min.js"></script>    
    <script src=" {{ asset('assets') }}/js/validaciones.js"></script>
    <script src=" {{ asset('assets') }}/views_js/custommers/edit.js"></script>

    <script>
        $(document).ready(function() {
            
            "use strict";
            
            $('.select_tow').select2();    
            
            $('#custommers-form').submit(function(event){
                    event.preventDefault();
                    aplicar_validacion(event);
                });
        });
        const aplicar_validacion = (event)  => {
            
            let validacion = true;
            if (!validar_texto_minimo('#company', '#mensaje_error-company', 2)) {
                validacion = false;
            }
            if (!validar_texto_minimo('#code_supplier', '#mensaje_error-code_supplier', 2)) {
                    validacion = false;
            }
            if (!validar_texto_minimo('#name', '#mensaje_error-name', 2)) {
                validacion = false;
            }
            if (!validar_email('#email', '#mensaje_error-email', 2)) {
                validacion = false;
            }
            if (!validar_texto_minimo('#lastname', '#mensaje_error-lastname', 2)) {
                validacion = false;
            } 
            if (validacion) {
                event.target.submit();
                // console.log('validacion');
                // let email = document.getElementById('email').value; 
                // validarEmailDB(validacion, email, '#mensaje_error-email');  
            }
        }
    </script>
@endpush