@extends('layouts.master')

@include('fin.common.style')
@include('fin.pa-logada.scripts.style')
@include('fin.common.script')
@include('fin.pa-logada.scripts.script')

@section('browser-title', 'Faturamento - PA Logada')

@component('components.fin.filter')
    @component('components.fin.filter-update')@endcomponent
    @component('components.fin.open-close-all-panels', ['expanded' => false])@endcomponent
    @component('components.fin.filter-daterangepicker')@endcomponent
    @component('components.fin.filters', [
        'filters' => $filters ?? [],
        'export' => true,
        'print' => false,
    ])
        @slot('filters_body')
            <div class="form-group col">
                <label for="Callcenter">Call Center:</label>
                <select class="form-control input-sm" data-field="ServerID" id="Callcenter" data-nextselect="Cell" name="Callcenter">
                    <option value="">Escolha...</option>
                    @foreach($filters->unique('ServerID') as $filter)
                        <option value="{{ $filter['ServerID'] }}">
                            {{ $filter['Callcenter'] }}
                        </option>
                    @endforeach
                </select>
            </div>
            <div class="form-group col">
                <label for="Cell">Canal:</label>
                <select class="form-control input-sm" data-field="FinCellId" id="Cell" data-nextselect="Agrupamento" name="Cell">
                    <option value="" disabled selected>Escolha...</option>
                </select>
            </div>
            @can('fin.pa-logada.edit')
                <div class="form-group col">
                    <label for="OperationId">Agrupamento:</label>
                    <select class="form-control input-sm" id="OperationId" name="Agrupamento">
                        <option value="" disabled selected>Escolha...</option>
                    </select>
                </div>
            @endcan
        @endslot
    @endcomponent
@endcomponent

@section('content')
    <div class="row">
        <div class="col-sm-12">
            <div id="content-pa-logada">
                @include('fin.pa-logada.partials.content')
            </div>
        </div>
    </div>

    {{-- Modal Edit Itens --}}
    @include('fin.pa-logada.partials.modal-edit')

    {{-- Modal Create New Item --}}
    @include('fin.pa-logada.partials.modal-add-new-value')

    {{-- Modal Create New Item - Demais Sla --}}
    @include('fin.pa-logada.partials.modal-create-demais-sla')
@endsection