@php
    use Illuminate\Support\Facades\Crypt;
@endphp
<div class="card">
    <div class="row">
        <div class="col-12 respbasedashboard">
            <div class="row">
                <div class="col-sm-8 text-left">
                    <h4 class="m-b-0 m-t-5 titulosDashboard">

                <span class="titulomodelodashboard " style="margin-left: 10px;">
                     <svg style="width: 24px; " xmlns="http://www.w3.org/2000/svg" viewBox="0 0 745 745">
                        <path class="text-themestyle"
                              d="M457.81,649.89c26.31.63,51.54-5.43,76.54-12.61a436.74,436.74,0,0,0,80.92-32.49c5.27-2.74,11.67-5,17.44-4.73,13.84.53,21.76,14.64,17.34,29.28-2.78,9.23-8.43,16.59-15.85,22.55-25.44,20.4-53.51,36.78-82.09,52.17-20.19,10.87-41.12,20.38-61.84,30.24-10.18,4.85-21.06,5.5-32.23,4.62-43.73-3.41-86.93-10.57-130.08-18-27.72-4.8-55.36-10-83-15.08-12.84-2.34-22.87,4-32.7,10.76-2.87,2-5.48,4.36-8.39,6.29-4.23,2.81-7.28,1.55-8.44-3.44a17.56,17.56,0,0,1-.22-5q4.89-76.8,9.85-153.6c.45-6.91,2.53-9.13,9.89-10.25,16.79-2.57,33.58-5.12,50.41-7.37,11.88-1.58,23.83-2.58,35.74-4,23.17-2.67,45.55,2,67.51,8.24,38.89,11,77.53,22.92,116.24,34.57,14.48,4.36,19.27,20.52,9.73,32.4-5.61,7-13.39,10.23-21.84,12.1C452.64,631,432.59,629,412.61,626c-14.81-2.22-29.55-5-44.35-7.24-2.26-.35-4.69.44-7.05.71,1.11,2.45,1.62,5.54,3.43,7.26,7.61,7.19,17.51,10.17,27.19,13.06C413.32,646.2,435.39,649.23,457.81,649.89Z"></path>
                        <path class="text-themestyle"
                              d="M157,548.2q-27.39-2.21-54.77-4.44c-6.72-.55-11.18,5.32-12,16.35-1.4,20-2.63,40-4,60.07-2.08,31.44-4.11,62.89-6.28,94.31-.75,10.89,1.54,15.67,8.11,15.69q15.29,0,30.57,0c10.18,0,20.37,0,30.56,0,6.51,0,9.76-5.18,10.24-15.88.39-8.63.84-17.25,1.23-25.89q2.81-61.26,5.6-122.52C166.82,554.58,163.82,548.75,157,548.2Z"></path>
                        <path class="text-themestyle"
                              d="M214.82,506c9.83-1.44,19.68-2.85,29.53-4.16,15.7-2.09,31.5-3.42,47.23-5.23,30.63-3.54,60.22,2.66,89.24,10.88,40.91,11.58,81.62,23.92,122.32,36.24,99.2-43.67,168.77-142.94,168.83-258C672,130.32,545.47,3.74,390,3.75c-155,0-281.37,126.16-281.76,281.3C108.06,374.29,149.79,454.16,214.82,506ZM428.25,327c-16-7.3-33-12.6-49.64-18.46S344.76,298,328.37,291.41c-66.2-26.67-50.3-108.72-13.8-134.82a141.05,141.05,0,0,1,24-13.91c8.37-3.75,17.47-5.9,27-9V81.48h48.8v52.24c29.37,4.41,55.12,15.56,80.08,31.58l-25.05,46.08c-2.34-1.55-4.26-2.86-6.22-4.12C436,189.76,407,179.51,374.12,184c-20.39,2.78-31.9,15-31.56,33.07.21,11.44,6.17,19.55,15.85,23.88,12.13,5.41,24.91,9.43,37.58,13.51,18.15,5.84,36.82,10.22,54.63,16.94,39,14.72,55.72,40.24,54.1,80.06-1.5,36.69-23.42,63.85-61.06,75.05-9.09,2.7-18.51,4.28-28.79,6.61v56.06H365.5V431.57c-34-5.56-65.63-16.26-94.11-36.56,8.48-16.53,16.64-32.45,25.11-48.95,21.28,15.23,43.84,26.35,68.81,32.07,18.29,4.19,36.73,5.59,55.13.78,11.85-3.1,20.78-9.51,22.75-22.76S439.8,332.27,428.25,327Z"></path>
                    </svg>
                    PREVISÃO DE PAGAMENTO
                </span>

                    </h4>
                </div>
                <div class="col-sm-4 text-right">
                    <span class="pull-right">
                    @php $month= date("m") @endphp
                    <select id="selectMonthe" name="selectMonthe" class="form-control form-control-sm">
                        <option value="1" @if($month=='01') selected @endif >Janeiro</option>
                        <option value="2" @if($month=='02') selected @endif >Fevereiro</option>
                        <option value="3" @if($month=='03') selected @endif >Março</option>
                        <option value="4" @if($month=='04') selected @endif >Abril</option>
                        <option value="5" @if($month=='05') selected @endif >Maio</option>
                        <option value="6" @if($month=='06') selected @endif >Junho</option>
                        <option value="7" @if($month=='07') selected @endif >Julho</option>
                        <option value="8" @if($month=='08') selected @endif >Agosto</option>
                        <option value="9" @if($month=='09') selected @endif >Setembro</option>
                        <option value="10" @if($month=='10') selected @endif >Outubro</option>
                        <option value="11" @if($month=='11') selected @endif >Novembro</option>
                        <option value="12" @if($month=='12') selected @endif >Dezembro</option>

                    </select>
                    </span>

                </div>
            </div>


            <div class="row" style="margin-top: 7px;">
                <div class="col-sm-4 col border-right-6-themestyle colunameusclientesdashboard">
                    <h6 class="card-subtitle text-center m-t-5" style="margin-bottom: -2px;">RECORRENTE
                        <br>
                    </h6>
                    <h3 class="text-center" style="margin-bottom: -15px;">
                        <span class=" font-12 pull-left">R$</span>
                        <span id="forcastRecorring">
                            <div role="status" class="spinner-border spinner-border-sm">
                                <span class="sr-only">...</span>
                            </div>
                        </span>
                        <button type="button" class="pull-right btn right-side-open text-muted p-r-0"
                                data-target="sidebar-right-medium" style="margin-top: -10px;"
                                onclick=" oziLoadData(data = {
                                    //consoleError : 'on',
                                    ldDestinyId: 'sidebarRightContent',
                                    ldUrl: '{{url("/home/fin-forecast-recorring-info")}}',
                                    ldCatchGroupId: ['dashboardSeller'],
                                    ldCatchItenName: [
                                        '_token',
                                        'title:PREVISÃO DE PAGAMENTO',
                                        'titleDue: RECORRENTE'
                                    ],
                                })">
                            <i class="fa fa-external-link-square font-18"></i>
                        </button>
                    </h3>
                    <br>
                </div>


                <div class="col-sm-4  col border-right-6-themestyle colunameusclientesdashboard">
                    <h6 class="card-subtitle text-center m-t-5" style="margin-bottom: -2px;">PREMIAÇÕES
                        @if($id_user !== -1)

                            <span class="pull-right">
                                <a href="{{url('/financial/mycommission?u=default')}}" class="text-muted "
                                   target="_blank">
                                    <i class="mdi mdi-link font-22"></i>
                                </a>
                            </span>
                        @endif
                        <br>
                    </h6>
                    <h3 class="text-center" style="margin-bottom: -15px;">
                        <span class="font-12 pull-left">R$</span>
                        <span id="forcastOccasional">
                            <div role="status" class="spinner-border spinner-border-sm">
                                <span class="sr-only">...</span>
                            </div>
                        </span>
                        @if($id_user == -1)
                            <span class="pull-right hide" id="forcastOccasionalBtn">
                             <button type="button"
                                     class="pull-right btn right-side-open text-muted p-r-0"
                                     data-target="sidebar-right-medium" style="margin-top: -10px;"
                                     onclick=" oziLoadData(data = {
                                    //consoleError : 'on',
                                    ldDestinyId: 'sidebarRightContent',
                                    ldUrl: '{{url('/home/fin-forecast-occasional-info-all/')}}',
                                    ldCatchGroupId: ['dashboardSeller'],
                                    ldCatchItenName: [
                                        '_token',
                                        'title:PREVISÃO DE PAGAMENTO',
                                        'titleDue: PREMIAÇÕES'
                                    ],
                                })">
                                <i class="fa fa-external-link-square font-18"></i>
                            </button>
                        </span>
                        @endif
                    </h3>
                    <span id="forcastOccasionalDetails"></span>

                </div>


                <div class="col-sm-4  col  colunameusclientesdashboard">
                    <h6 class="card-subtitle text-center m-t-5" style="margin-bottom: -2px;">PARTICIPAÇÃO
                        <br>
                    </h6>
                    <h3 class="text-center" style="margin-bottom: -15px;">
                        <span class="font-12 pull-left">R$</span>
                        <span id="forcastParticipation">
                            <div role="status" class="spinner-border spinner-border-sm">
                                <span class="sr-only">...</span>
                            </div>
                        </span>
                    </h3>
                </div>

            </div>
        </div>
    </div>
    <div id="homeForcastRecorring"></div>
    <div id="homeForcastOccasional"></div>
    <div id="homeForcastPay"></div>

</div>