@extends('layouts.layout_admin')
@section('title', 'Módulo Productos | ')

@section('assets')
<!-- This page plugin CSS -->
<link href="{{asset('plugin/datatables.net-bs4/css/dataTables.bootstrap4.css')}}" rel="stylesheet">
<link href="{{asset('css/admin/modulos.css')}}" rel="stylesheet">
@endsection

@section('scripts')
<!--This page plugins -->
<script src="{{URL::asset('plugin/datatables/media/js/jquery.dataTables.min.js')}}"></script>
<script src="{{URL::asset('plugin/dist/js/pages/datatable/custom-datatable.js')}}"></script>
<script src="{{URL::asset('plugin/block-ui/jquery.blockUI.js')}}"></script>
<script src="{{URL::asset('js/admin/producto.js')}}"></script>
@endsection

@section('page-breadcrumb')
<h4 class="page-title">Módulo Productos</h4>
@endsection

@section('content')
<div class="row nm">
    <div class="col-12 mo_categoria">
        <div class="card">
            <div class="card-header">
                Buscar
            </div>
            <div class="card-body">
                <div class="row nm">
                    <div class="form-group col-12 row nm np">
                        <div class="col-12 col-md-5">
                            <div class="form-group row nm">
                                <div class="col-sm-4">
                                    <label class="col-form-label">Categoría</label>
                                </div>
                                <div class="col-sm-8">
                                    <select id="filtro_categoria" class="form-control">
                                        <option value="0">Todos</option>
                                    </select>
                                </div>
                            </div>
                        </div>
                        <div class="col-12 col-md-5 offset-md-1">
                            <div class="form-group row nm">
                                <div class="col-sm-4">
                                    <label class="col-form-label">Estado</label>
                                </div>
                                <div class="col-sm-8">
                                    <select id="filtro_estado" class="form-control">
                                        <option value="1">Activos</option>
                                        <option value="0">Inactivos</option>
                                    </select>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-12 text-center">
                    <button type="button" class="btn btn-primary" id="btn_buscar"><i class="fas fa-search"></i>
                        Buscar</button>
                </div>
            </div>
        </div>

        <!-- Table -->
        <div class="card mt-4">
            <div class="card-body">
                <div class="table-responsive table_categoria">
                    <div class="col-12 np">
                        <a href="{{url('productos/create')}}" class="btn btn-primary" ><i class="fas fa-plus mr-2"></i>Agregar</a>
                    </div>
                    <table class="table product-overview" id="table_producto">
                        <thead>
                            <tr>
                                <th>Nombre español</th>
                                <th>Nombre inglés</th>
                                <th class="text-center">Imagen</th>
                                <th class="text-center">Categoría</th>
                                <th class="text-center">Acciones</th>
                            </tr>
                        </thead>
                        <tbody>
                            
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
        <!-- Fin table -->
    </div>
</div>
@endsection