@extends('layouts.layout_pagina',
[
    'icone_titulo'=>'fas fa-laptop',
    'titulo'=>'Categoria do Fornecedor',
    'breadcrumb'=>['Fornecedor','Categoria Fornecedor']
])

@section('css')
    <link rel="stylesheet" href="{{{ URL::asset('js/DataTables/datatables.min.css') }}}" />
@endsection

@section('scripts')
    <script src="{{{ URL::asset('js/DataTables/datatables.min.js') }}}"></script>
    <script src="{{{ URL::asset('js/views/fornecedor/fcategoria.js') }}}"></script>
@endsection

@section('pagina')
    
    <div class="container-fluid">       

        <div class="card mt-2">
        <div class="card-header cor-card-header text-black d-flex justify-content-between" style="background: LightGrey">
            <h3> Categorias Registradas </h3> 
               <div class="col text-right">
                    <button id="btnovoFcategoria" type="button" class="btn btn-primary" aria-label="Left Align" >
                        <i class="fas fa-plus-circle"></i> Nova Categoria
                    </button>
                </div>               
            </div>
            <div class="card-body">
                <div class="row" >
                    <div class="col panel panel-primary table-responsive">
                        <table id="tbFcategoria" class="table table-hover text-left">
                                <thead>
                                    <tr>
                                        <th>Id</th>
                                        <th>Categoria</th>                                       
                                        <th></th>
                                    </tr>
                                </thead>
                                <tbody>

                                    @foreach($fcategoria as $list)
                                        <tr>
                                            <td id="{{$list->getId()}}_id">{{$list->getId()}}</td>
                                            <td id="{{$list->getId()}}_categoria">{{$list->getCategoria()}}</td>                                            
                                            <td width="15%">
                                                <span name="editBtn" class="btn btn-sm btn-warning fas fa-edit text-white cursor-pointer" data="{{$list->getId()}}" style="cursor: pointer;color: #009933;" title="Editar"></span>
                                                <span name="delBtn" class="btn btn-sm btn-danger fas fa-trash-alt text-white cursor-pointer" data="{{$list->getId()}}" style="cursor: pointer;color: #ff0000;" title="Excluir"></span>
                                            </td>
                                        </tr>
                                    @endforeach

                                </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- Inclui formulário modal -->
    @include('partials._modal_form',
    [
        'icone' =>'fa-laptop',
        'titulo'=> 'Nova Categoria de Fornecedor',
        'rota'  => 'fornecedor.fcategoria.salvar',
        'campos'=> 
        [
            [
                'id' =>'txtCateg',
                'label'=>'Categoria',
                'nome'=>'txtCateg',
                'tamanho'=>'50',
                'tipo'=>'txt',
                'required'=> true,
                'autofocus'=> true,
                'disabled'=>false
            ]       

            
        ]
    ])

    @include('partials._modal_del',
    [
        'icone'=>'fa-laptop',
        'titulo'=> 'Excluir Categoria',
        'rota'  => 'fornecedor.fcategoria.delete',
        'campos'=> 
          [
            [
                'id' =>'dtxtCateg',
                'label'=>'Categoria',
                'nome'=>'dtxtCateg',
                'tamanho'=>'50',
                'tipo'=>'txt',
                'required'=> true,
                'autofocus'=> true,
                'disabled'=>false
            ]
            
        ]
    ])



@endsection