@include('system-layouts.layout-head')
@include('system-home.title')
@include('system-layouts.head-plugin-calendar')
<style>
    .calendar-options {
        border: 1px dashed rgba(120, 130, 140, 0.13);
        padding: 8px 10px;
        border: 1px solid #ffffff;
    }
    .calendar-options i {
        margin-right: 8px;
    }
</style>


<div class="container-fluid">
    @include('system-home.index-seller')
    <div class="row">
        <div class="col-lg-4" id="agendaRelationship">
            @include('system-home.info-agenda-relationship-card')
        </div>
        <div class="col-lg-8">
            @include('system-home.info-agenda-reminder-week-card')

            <div class="row">
                <div class="col-sm-12 col-12">
                    @include('system-home.info-client-card')
                </div>


            </div>

        </div>
    </div>

    @include('system-home.info-financial-card')
    @include('system-home.info-financial-card-forecast')

    <div class="card">
        <div class="card-body">
            <!-- row -->
            <div class="row">
                <div class="col-lg-12">
                    <!-- Nav tabs -->
                    <ul class="nav nav-tabs profile-tab" role="tablist">
                        <li class="nav-item">
                            <a class="nav-link active" data-toggle="tab" href="#contentUno" role="tab">
                                <i class="fa fa-shopping-cart" style="color:var(--cor-destaque)" aria-hidden="true"></i>
                                Vendas&nbsp;</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" data-toggle="tab" href="#agenda" role="tab">
                                <i class="mdi mdi-calendar-check" style="color:var(--cor-destaque)"
                                   aria-hidden="true"></i>
                                Serviços
                                </a>
                        </li>
                        <li class="nav-item"><a class="nav-link " data-toggle="tab" href="#financial" role="tab">
                                <i class="fa fa-dollar" style="color:var(--cor-destaque)" aria-hidden="true"></i>
                                Financeiro
                                &nbsp;</a>
                        </li>


                    </ul>
                    <!-- Tab panes -->
                    <div class="tab-content m-t-20">
                        <!--vendas tab-->
                        <div class="tab-pane active" id="contentUno" role="tabpanel">
                            @include('system-home.section-sale')

                        </div>
                        <!--Ordem de Serviço tab-->
                        <div class="tab-pane" id="agenda" role="tabpanel">
                            @include('system-home.section-service-agenda')

                        </div>
                        <!--financeiro tab-->
                        <div class="tab-pane" id="financial" role="tabpanel">
                            @include('system-home.section-financial')
                        </div>

                    </div>
                    <!-- Nav tabs end -->

                </div>

            </div>

            <!--/ end row -->
        </div>
    </div>
    <div class="row">
        <div class="col-lg-12">

            @include('system-home.index-client')
        </div>
    </div>
    <div id="saveRelationship" class="hide"></div>
    <input type="hidden" name="urlMod" id="urlMod" value="dashboard">
    <input type="hidden" name="_token" id="_token" value="{{csrf_token()}}">
    <!--/ CONTENT END -->
</div>


@include('system-layouts.layout-footer')

@include('system-home.index-script')

@include('system-layouts.footer-plugin-calendar')
{{--@include('mod-calendar.calendar-script')--}}

@include('mod-calendar-reminder.info-week-load-script')