@extends('layouts.app')


@push('page_css')
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.17.47/css/bootstrap-datetimepicker.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('/products'); }}">Listado de productos</a></li>
                <li class="breadcrumb-item active" aria-current="page">Crear producto</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>Crear Producto</h1>
                </div>
            </div>
        </div>
    </section>

    <div class="main-wrapper">
        <div class="row">
            <div class="col">

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

        <div class="card">

            {!! Form::open(['route' => 'products.store', 'id' => 'product-form']) !!}

            <div class="card-body">

                <div class="row">
                    @include('products.fields')
                </div>

            </div>

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

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

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


<livewire:modal-validacion/> 

</div>

@endsection


@push('page_scripts')
    

    <script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.20.1/moment.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.29.1/locale/es-mx.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.17.37/js/bootstrap-datetimepicker.min.js"></script>
    <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/product/create.js"></script>
    
    <script>
        
            let contador = 0;
            @if( $customers->count() > 0 )
                console.log('Clientes existente' );

            @else   
                $('#createValidacion').modal({backdrop: 'static', keyboard: false });
                $('#createValidacionTitle').text('Validación de cliente existente:');
                $('.modal-body .modal-title:nth-child(1)').hide();
                $('.modal-body .modal-title').text('No contamos con clientes existentes.');
                $('.modal-body .total_cantidad').text('');
                $('#form_create .btn-primary').text('Ir a Clientes');
                
                $('#createValidacion').modal('show');

                // confirmacion = confirm('Para generar un BOM se requiere crear un Producto');
                // console.log(confirmacion);
                // if(confirmacion==true){
                //     location.href="{{ route('customers.create') }}";
                // }
                // else{
                //     location.href="{{ route('products.index') }}";
                // }

            @endif  
            $('.btn-secondary').on('click', function(){
                location.href="{{ route('products.index') }}";
            });

            $('#form_create').submit(function(event){
                event.preventDefault();
                console.log('llegando');
                location.href="{{ route('customers.create') }}";
            });

        $(document).ready(function(){

            "use strict";

            $('#product-form').submit(function(event){
                event.preventDefault();
                if(validarCampos()){
                    console.log("storing");
                    event.target.submit();
                }
                
            });


            $('.date').datetimepicker({
                format: 'YYYY-MM-DD',
                useCurrent: true,
                icons: {
                    up: "icon-arrow-up-circle icons font-2xl",
                    down: "icon-arrow-down-circle icons font-2xl"
                },
                sideBySide: true
            })
    
            $('.select_tow').select2();    




            
        });

        function validarCampos(){
            let validacion = true;
            if(! validar_seleccion("#no_part",  "#mensje_error_no_part", 1)){
                validacion = false;
                console.log(document.querySelector("#errorNo_part"));
                document.querySelector("#errorNoParte").classList.add("d-block")
            }
            else{
                document.querySelector("#errorNoParte").classList.remove("d-block")
            }
            if(!validar_seleccion("#description", "#mensje_error_description", 1)){
                document.querySelector("#errorDescription").classList.add("d-block")
                validacion = false;
            }
            else{
                document.querySelector("#errorDescription").classList.remove("d-block")
            }
            if(!validar_seleccion("#safety_stock", "#mensje_error_safety_stock", 1)){
                document.querySelector("#errorSafety_stock").classList.add("d-block")
                validacion = false;
            }
            else{
                document.querySelector("#errorSafety_stock").classList.remove("d-block")
            }
            if(!validar_seleccion("#standard_pack", "#mensje_error_safety_time", 1)){
                document.querySelector("#errorStandard_pack").classList.add("d-block")
                validacion = false;
            }
            else{
                document.querySelector("#errorStandard_pack").classList.remove("d-block")
            }
            if(!validar_texto_minimo("#safety_time", "#mensje_error_safety_time", 1)){
                document.querySelector("#errorSafety_time").classList.add("d-block")
                validacion = false;
            }
            else{
                document.querySelector("#errorSafety_time").classList.remove("d-block")
            }
            if(!validar_seleccion("#sale_price", "#mensje_error_safety_time", 1)){
                document.querySelector("#errorSale_price").classList.add("d-block")
                validacion = false;
            }
            else{ 
                document.querySelector("#errorSale_price").classList.remove("d-block")
            }
            if(!validar_seleccion("#po", "#mensje_error_po", 1)){
                document.querySelector("#errorPo").classList.add("d-block")
                validacion = false;
            }
            else{ 
                document.querySelector("#errorPo").classList.remove("d-block")
            }
            if(!validar_texto_minimo("#scrap", "#mensje_error_scrap", 1)){
                document.querySelector("#errorScrap").classList.add("d-block")
                validacion = false;
            }
            else{
                document.querySelector("#errorScrap").classList.remove("d-block")
            }
            // if(!validar_seleccion("#po", "#mensje_error_PO", 1)){
            //     document.querySelector("#errorPo").classList.add("d-block")
            //     validacion = false;
            // }
            // else{ 
            //     document.querySelector("#errorPo").classList.remove("d-block")
            // }
            // if(!validar_seleccion("#inicio", "#mensje_error_inicio", 1)){
            //     console.log(document.querySelector("#inicio"));
            //     document.querySelector("#errorInicio").classList.add("d-block")
            //     validacion = false;
            // }
            // else{ 
            //     document.querySelector("#errorInicio").classList.remove("d-block")
            // }
            // if(!validar_seleccion("#fin", "#mensje_error_fin", 1)){
            //     document.querySelector("#errorFin").classList.add("d-block")
            //     validacion = false;
            // }
            // else{ 
            //     document.querySelector("#errorFin").classList.remove("d-block")
            // }
            let text;
            if(!validar_seleccion("#customers_id", "#mensje_error_customers_id", 1) ){
                document.querySelector("#errorCustomers_id").classList.add("d-block")
                validacion = false;
                console.log(customers_id);
            }
            else{ 
                document.querySelector("#errorCustomers_id").classList.remove("d-block")
                
            }
            if(validacion){
                return true;
            }
            else{
                return false;
            }
        }
    </script>
@endpush