@component('fragments.modal')
    @slot('idmodal')
        ModalProducto_new
    @endslot

    @slot('title')
        Nuevo producto
    @endslot

    @slot('action')
    <form class="needs-validation" method="POST" action="{{url('create_producto')}}" role="form" enctype="multipart/form-data">
    @endslot
    
    @slot('form')
        {{ csrf_field() }}
            <!--<div class="container-fluid">-->
            <div class="container" style="margin-top:10px;">

                <div class="form-row" style="display:none;">
                    <div class="form-group  col-md-12">
                        <label class="font-weight-bold" for="id_servicio" class="">Id</label>
                        <input type="text" class="form-control" id="id_srv" name="id_srv" placeholder="Id" >
                    </div>
                </div>
                <div class="form-row">                                    
                    <div class="form-group  col-md-12">
                        <label class="font-weight-bold" for="tipo_producto" class="">Tipo de producto</label>
                        <input type="text" class="form-control" id="tipo_producto" name="tipo_producto" placeholder="Tipo de producto" >
                    </div>
                </div>
                <div class="form-row">                                    
                    <div class="form-group  col-md-12">
                        <label class="font-weight-bold" for="dias" class="">Días hábiles estimados</label>
                        <input type="text" class="form-control" id="dias" name="dias" placeholder="Días hábiles estimados" >
                    </div>
                </div>
                <div class="form-row">
                    <div class="form-group  col-md-12">
                        <label>Precio unitario MXN</label>
                        <div class="ui right labeled input">
                            <label for="precio_mxn" class="ui label">$</label>
                            <input type="text" class="form-control" placeholder="Amount" id="precio_mxn" name="precio_mxn" >
                            <div class="ui basic label">MXN</div>
                        </div>
                    </div>
                </div>
            </div> 
            <!--</div>-->
    @endslot

    @slot('button')
        <button type="submit" class="btn btn-primary">
            <i class="save icon"></i>Guardar
        </button>
    @endslot
@endcomponent