@extends('layouts.master')

@include('fin.cell-management.scripts.style')
@include('fin.cell-management.scripts.script')

@section('browser-title', 'Faturamento - Gerenciamento de Célula')

@section('content')
    <div class="row">
        <div class="col-sm-12">
            <div class="card">
                <div class="card-body">
                    <table class="table table-active table-sm table-hover table-bordered table-striped w-100" id="table-cell-management">
                    </table>
                </div>
            </div>
        </div>
    </div>

    @component('bootstrap::modal',['id'=>'modal-cell-create', 'modal_size'=>'modal-xl'])
        @slot('title')
            <i class="fa fa-plus-circle"></i> Nova célula
        @endslot
        <div class="row">
            <i>Carregando... </i><i class="fa fa-sync fa-spin"></i>
        </div>
    @endcomponent

    @component('bootstrap::modal',['id'=>'modal-cell-edit', 'modal_size'=>'modal-xl'])
        @slot('title')
            <i class="fa fa-pencil-alt"></i> Editar célula
        @endslot
        <div class="row">
            <i>Carregando... </i><i class="fa fa-sync fa-spin"></i>
        </div>
    @endcomponent
@endsection