@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">Editar 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>Editar producto</h1>
                </div>
            </div>
        </div>
    </section>

    <div class="main-wrapper">
        <div class="row">
            <div class="col">
                
        @include('adminlte-templates::common.errors')

        <div class="card">
            {!! Form::model($product, ['route' => ['products.update', $product->id], 'method' => 'patch', '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>
</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/users/create.js"></script>
    
    <script>
        $(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
            })

            $('.js-datetimepickerNotMinutes').datetimepicker.dates['en'] = {
                days: ["Domingo", "Lunes", "Martes", "Miércoles", "Jueves", "Viernes", "Sábado", "Domingo"],
                daysShort: ["Dom", "Lun", "Mar", "Mie", "Jue", "Vie", "Sab", "Dom"],
                daysMin: ["Do", "Lu", "Ma", "Mi", "Ju", "Vi", "Sa", "Do"],
                months: ["Enero", "Febrero", "Marzo", "Abril", "Mayo", "Junio", "Julio", "Agosto", "Septiembre", "Octubre", "Noviembre", "Diciembre"],
                monthsShort: ["Ene", "Feb", "Mar", "Abr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"],
                today: "Hoy"
            };
            
            $('.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_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("#inicio", "#mensje_error_inicio", 1)){
            //     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")
            // }
            if(!validar_seleccionSelect("#customers_id", "#mensje_error_customers_id", 1)){
                document.querySelector("#errorCustomers_id").classList.add("d-block")
                validacion = false;
            }
            else{ 
                document.querySelector("#errorCustomers_id").classList.remove("d-block")
            }
            if(validacion){
                return true;
            }
            else{
                return false;
            }
        }
    </script>
@endpush