@extends('layouts.app')

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

@section('content')
    <section class="content-header">
        <div class="container-fluid">
            <div class="row mb-2">
                <div class="col-sm-12">
                    <h1>Crear recibo</h1>
                </div>
            </div>
        </div>
    </section>

    <div class="content px-3">
        @include('adminlte-templates::common.errors')

        <div class="card">

            {!! Form::open(['route' => 'suppliersReleasesEvaluations.store', 'files' => 'true', 'id' => 'recibos-form']) !!}

            <div class="card-body">

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

            </div>

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

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

        </div>
        <livewire:modal-validacion/> 
    </div>
@endsection

@push('page_scripts')
    {{-- date picker --}}
    <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/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>
        const url_getRowMateria = "{{ url('/getRowMateria') }}";
        const mensajeError = document.querySelector("#mensaje-error");

        @if( $suppliers->count() > 0 )
                console.log('Proveedor existente' );
            @else
                console.log('Proveedor no existente' );
                $('#createValidacion').modal({backdrop: 'static', keyboard: false });
                $('#createValidacionTitle').text('Validación de Proveedor existente:');
                $('.modal-body .modal-title:nth-child(1)').hide();
                $('.modal-body .modal-title').text('No contamos con Proveedor existente.');
                $('.modal-body .total_cantidad').text('');
                $('#form_create .btn-primary').text('Ir a Proveedor');
            
                $('#createValidacion').modal('show');
            @endif  

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

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

        $(document).ready(function(){

            "use strict";

            $('.select_tow').select2();       

            $('.date_normal').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
            });

            let suppliers_id = $('#suppliers_id').val();
            getMateriaPrima(suppliers_id);

            $('#suppliers_id').on('change', function(){
                let suppliers_id = $(this).val();
                getMateriaPrima(suppliers_id);
            });

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

        });

        function getMateriaPrima(supplier_id){
            console.log(supplier_id);

            fetch(url_getRowMateria+'/'+supplier_id)
                .then(res => res.text())
                .then(html => {
                    $('.select_row_material').html(html);

                    // $('.delete').on('click', function(event){
                    //     $(this).parent().parent().remove();
                    // });

                    $('.select_tow').select2();    
                });
        }

        function validarCampos(){
            console.log('Valida');
            let validacion = true;

            $.each($('#row_material_id'),function(key,value){
                const id = $(value).parent().find('.messageAddInput');

                console.log(id);

                if($(this).val() > 0){
                    id.text('');
                    id.slideUp();
                    document.querySelector("#errorMateria").classList.remove("d-block")
                    
                }else{

                    id.html("Debe seleccionar una opción valida");
                    id.slideDown();
                    validacion = false;
                    document.querySelector("#errorMateria").classList.add("d-block")
                }
            })

            $.each($('#row_material_no'),function(key,value){
                const id = $(value).parent().find('.messageAddInput');

                console.log(id);

                if($(this).val() > 0){
                    id.text('');
                    id.slideUp();
                    document.querySelector("#errorMateriaNo").classList.remove("d-block")
                    
                }else{

                    id.html("Este proveedor debe registrar una Materia Prima.");
                    id.slideDown();
                    validacion = false;
                    document.querySelector("#errorMateriaNo").classList.add("d-block")
                }
            })

            if (!validar_texto_minimo('#plan', '#errorPlan', 1)) {
                document.querySelector("#errorPlan").classList.add("d-block")
                validacion = false;
            }     
            else{
                document.querySelector("#errorPlan").classList.remove("d-block")
            } 
            if (!validar_texto_minimo('#plan', '#errorPlan', 1)) {
                document.querySelector("#errorPlan").classList.add("d-block")
                validacion = false;
            }     
            else{
                document.querySelector("#errorPlan").classList.remove("d-block")
            } 
            if (!validar_texto_minimo('#fecha_emision', '#errorFechaEmision', 1)) {
                document.querySelector("#errorFechaEmision").classList.add("d-block")
                validacion = false;
            }     
            else{
                document.querySelector("#errorFechaEmision").classList.remove("d-block")
            } 
            if (!validar_texto_minimo('#cantidad_recibida', '#errorCantidad', 1)) {
                document.querySelector("#errorCantidad").classList.add("d-block")
                validacion = false;
            }     
            else{
                document.querySelector("#errorCantidad").classList.remove("d-block")
            } 
            if (!validar_texto_minimo('#fecha_recibido', '#errorFecha', 1)) {
                document.querySelector("#errorFecha").classList.add("d-block")
                validacion = false;
            }     
            else{
                document.querySelector("#errorFecha").classList.remove("d-block")
            } 
            if (!validar_texto_minimo('#remision', '#errorRemison', 1)) {
                document.querySelector("#errorRemison").classList.add("d-block")
                validacion = false;
            }     
            else{
                document.querySelector("#errorRemison").classList.remove("d-block")
            } 
            return validacion;
        }
    </script>
@endpush