@extends('layouts.master')

@include('competition.view_management.scripts.style')
@include('competition.view_management.scripts.script')

@section('browser-title', 'Modelo de Competição - Gerenciamento de Visão')

@push('filter-buttons')
    <button type="button" class="btn btn-sm btn-custom-sm btn-bmg-primary waves-effect waves-light"
            data-toggle="tooltip" data-filter="#filter-tables" title="Filtros">
        <i class="ion ion-md-funnel"></i>
    </button>
@endpush

@push('filter-content')
    @component('bootstrap::filter', ['id' => 'filter-tables', 'class' => 'shared-filter'])
        <div class="col-12">
            <div class="card-box">
                <div class="form-row">
                    <div class="form-group col">
                        <label for="canal">Canal</label>
                        <select class="filterdetails form-control input-sm" id="canal" type="text">
                        </select>
                    </div>
                    <div class="form-group col">
                        <label for="agrupamento">Agrupamento</label>
                        <select class="filterdetails form-control input-sm" id="agrupamento" type="text">
                        </select>
                    </div>
                    <div class="form-group col">
                        <label for="tipo">Visão</label>
                        <select class="filterdetails form-control input-sm" id="visão" type="text">
                        </select>
                    </div>
                </div>
            </div>
        </div>
        <div class="clearfix"></div>
        @slot('footer')
            <div class="col-3 offset-9 mb-4">
                <button id="apply_filter" class="btn-block btn btn-primary btn-custom float-right" type="button">
                    <i class="fa fa-check mr-2"></i> Aplicar
                </button>
            </div>
        @endslot
    @endcomponent
@endpush

@section('content')
    <div class="row">
        <div class="col-sm-12">
            <div class="card">
                <div class="card-body">
                    <div class="row">
                        <div class="col-12">
                            <table id="datatable-view-management" class="table table-striped table-sm nowrap">
                                <thead></thead>
                                <tbody></tbody>
                                <tfoot></tfoot>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- Modal -->
    <div class="modal fade" id="modal-historical" tabindex="-1" role="dialog" aria-labelledby="modal-historical-label"
         aria-hidden="true">
        <div class="modal-dialog modal-lg" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="modal-historical-label">Solicitações Futuras</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body">
                    <table id="datatable-pending" class="table table-striped table-sm nowrap w-100"></table>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-dismiss="modal">Fechar</button>
                </div>
            </div>
        </div>
    </div>

    @include('competition.view_management.partials.create')
@endsection