@extends('layouts.layout_pagina',
[
    'icone_titulo'=>'fas fa-user',
    'titulo'=>'Acordo',    
    'breadcrumb'=>['Cadastro','Acordo']
])

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

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

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

        <div class="card mt-2">
        <div class="card-header cor-card-header text-white d-flex justify-content-between bg-primary-gradient">
                <h3> Acordos Registrados </h3> 
               <div class="col text-right">
                    <button id="btnNovoAcordo" type="button" class="btn-warning btn-sm" aria-label="Left Align" >
                        <i class="fas fa-plus-circle"></i> Novo Acordo
                    </button>
                </div>               
            </div>
            <div class="card-body">
                <div class="row" >
                    <div class="col panel panel-primary table-responsive">
                        <table id="tbAcordo" class="table table-hover text-left">
                                <thead>
                                    <tr>
                                        <th>Id</th>
                                        <th>Cliente</th>
                                        <th>Produto</th>
                                        <th>Canal</th>
                                        <th>Preço</th>                                                                             
                                        <th></th>
                                    </tr>
                                </thead>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>


    <!-- Inclui formulário modal -->
 @include('partials._modal_form',
    [
        
        'largura'=>'1000',              
        'icone'=>'fa-laptop',
        'titulo'=> 'Novo Acordo',
        'rota' => 'cadastro.acordo.salvar',
        'campos'=> 
        [
           
            [
                'tipo'=> 'array',
                'campos'=>
                [
                    [
                        'largura'=>'6',
                        'id' =>'cbCliente',
                        'label'=>'Cliente',
                        'nome'=>'cbCliente',
                        'tipo'=>'combo',
                        'default'=>'Selecione o cliente',
                        'opcoes'=>$clientes,
                        'required'=> true,                         
                    ],
                    [
                        'largura'=>'6',
                        'id' =>'cbProduto',
                        'label'=>'Produto',
                        'nome'=>'cbProduto',
                        'tipo'=>'combo',
                        'default'=>'Selecione o produto',
                        'opcoes'=>$produtos,
                        'required'=> true,                         
                    ]                 
                ]
            ],
            [
                'tipo'=> 'array',
                'campos'=>
                [
                    [
                        'largura'=>'6',
                        'id' =>'cbCanal',
                        'label'=>'Canal',
                        'nome'=>'cbCanal',
                        'tipo'=>'combo',
                        'default'=>'Selecione o canal',
                        'opcoes'=>$canais,
                        'required'=> true,                         
                    ],           
                    [
                        'largura'=>'6',
                        'id' =>'txtPreco',
                        'label'=>'Preço',
                        'nome'=>'preco',
                        'tipo'=>'txt',
                        'tamanho'=>'50',
                        'classe'=>'mask_moeda',    
                        'required'=> true,
                        'autofocus'=> true,
                        'disabled'=>false
                    ]
                ]
            ]
        ] 
    ])

    @include('partials._modal_delete',
    [
        'rota'=>'cadastro.acordo.delete',
        'titulo'=>'Confirma Exclusão',
        'mensagem_delete'=>'Tem certeza que deseja excluir o acordo'
    ])

@endsection