@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('/rowMaterials'); }}">Listado de materias primas</a></li>
                <li class="breadcrumb-item active" aria-current="page">Crear materia prima</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 materia prima</h1>
                </div>
            </div>
        </div>
    </section>

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

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

                <div class="card">

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

                    <div class="card-body">

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

                    </div>

                    <div class="card-footer">
                        {!! Form::submit('Guardar', ['class' => 'btn btn-primary']) !!}
                        <a href="{{ route('rowMaterials.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/row_materials/create.js"></script>
    
    <script>
            @if( $suppliers->count() > 0 )
            console.log('Proveedor' );
        @else
                $('#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 Proveedores existentes.');
                $('.modal-body .total_cantidad').text('');
                $('#form_create .btn-primary').text('Ir a Proveedores');
            
                $('#createValidacion').modal('show');

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

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

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

            "use strict";

            $('#row_material-form').submit(function(event){
                event.preventDefault();
                aplicar_validacion(event);
            });

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

        });
    </script>
@endpush