@php
    use App\Http\Controllers\ModCronos;use Illuminate\Support\Facades\Crypt;
@endphp
<style>
    .side-toor-option {
        width: 30px;
        margin-right: 10px;
    }

</style>
<!-- CONTENT -->
<div class="rpanel-title sticky-top">
    {!! $title !!}

</div>
<div class="r-panel-body">
    <div>

        <small>
            Vendedor:<span class="font-weight-bold"> {{$user_name}}</span> &nbsp;&nbsp;| Qtdd:<span
                    class="font-weight-bold"> {{count($record)}}</span>
        </small>

        <div class="row">
            <div class="col-sm-12">
                <input type="text" name="searchInput" id="searchInput" class="form-control form-control-line"
                       required="" value="" placeholder="Pesquisar" style="height: 25px;font-size: 14px;">
            </div>
            {{--
            <div class="col-sm-4">
               <input type="text" name="searchInput" id="searchInputDay" class="form-control form-control-line"
                     required="" value="" placeholder="Pesquisar dias" style="height: 25px;font-size: 14px;">
            </div>
            --}}
        </div>
    </div>

    <table class="table">
        <thead>
        <tr>
            <th style="width: 30px;"></th>
            <th></th>
        </tr>
        </thead>
        <tbody class="card-search-agenda">

        <tr class="card-search-filter-agenda-day">
            <td colspan="2" class="text-center">
                @php  $data_cache=0;   @endphp

                @foreach($record as $row)
                    @if($data_cache != ModCronos::convertDateBr($row->dateStart))
                        <div class="card-header titulo_empresa_clientes label-light-warning text-center">
                            {{ModCronos::dateToWordsBr(ModCronos::convertDateBR($row->dateStart)) }}
                        </div>
                    @endif
                    {{--            data check--}}
                    @php
                        if(ModCronos::convertDateBr($row->dateStart) != $data_cache){

                            $data_cache = ModCronos::convertDateBr($row->dateStart);
                    }

                    @endphp
            </td>
        </tr>

        <div class="card-search-filter-agenda card-search-filter-agenda-day d-flex flex-column">

            <div class="d-flex w-100 justify-content-around align-items-center p-2">

                <div class="row flex-row align-items-center justify-content-around rounded bg-light w-100">

                    <div class="col-sm-6 d-flex align-items-center justify-content-center font-12">
                        &nbsp;&nbsp; {{ModCronos::convertTimeBR($row->dateStart) }}&nbsp;&nbsp;&nbsp; &nbsp;| Nº
                        Negociação: {{$row->idNegotiation}}
                    </div>

                    <div class="col-sm-6 d-flex align-items-center justify-content-center">

                        <input type="checkbox"
                               class="check checkbox_agenda d-flex align-items-center justify-content-center font-12 mt-1"
                               id="{{$row->idNegotiationRelationship}}" checked
                               value="{{$row->idRelationshipCheck}}"
                               name="checkboxAgenda"
                               data-checkbox="icheckbox_square-red">
                        <label class="d-flex align-items-center font-12 m-0"
                               for="{{$row->idNegotiationRelationship}}">
                            Agendado
                        </label>
                    </div>
                </div>
            </div>

            <div>
                <div class="m-l-15">
                    <h6 class="card-subtitle m-t-5 m-b-5">
                            <span class="card-subtitle pull-right">
                                <input type="hidden" name="idClientProvider"
                                       id="idClientProvider{{$row->idNegotiationRelationship}}"
                                       value="{{Crypt::encrypt($row->idClientProvider)}}">
                                <input type="hidden" name="idNegotiation"
                                       id="idNegotiation{{$row->idNegotiationRelationship}}"
                                       value="{{Crypt::encrypt($row->idNegotiation)}}">
                            </span>
                    </h6>
                </div>
                <div class="row">
                    <div class="col-sm-6 d-flex flex-column">
                        <h5>{{$row->xName}}</h5>
                        <small class="pl-3 pb-3">{!!  $row->description!!}</small>
                    </div>
                    <div class="col-sm-6 d-flex flex-column">
                        <small class="card-subtitle pl-2">CNPJ: {{$row->cnpjCpf}}  </small>
                        <small class="card-subtitle pl-2">
                            <a class="btn waves-effect waves-light p-0 font-12"
                               data-toggle="collapse" aria-expanded="true"
                               href="#slideBarDescriptionClient{{$row->idNegotiationRelationship}}"
                               onclick="loadsDataForm('#slideBarDescriptionClient{{$row->idNegotiationRelationship}}','{{url('clientprovider/contact/load-simples')}}/{{ Crypt::encrypt($row->idClientProvider)}}','#actionIndexNot',['#_token'])"

                            >
                                <i class="mdi mdi-information-outline font-16"></i>
                                Cliente: {{$row->clientName}}
                            </a>


                        </small>

                        <small style="font-size: 10px; color: #e3e3e3" title="Identificacao do Relacionamento"
                               class="pull-right">IR: {{$row->idNegotiationRelationship}}</small>

                    </div>
                </div>

                <div class="row justify-content-around align-items-center">
                    <button type="button" title="Editar"
                            class="right-side-open btn waves-effect waves-light p-l-0 p-r-0 link-themecolor-inverse font-15"
                            data-toggle="modal"
                            data-target="#modalExtraLarge"
                            onclick="loadsDataForm('#modalExtraLarge .modal-content','{{url("negotiation-relationship/formedit")}}/{{$row->idNegotiationRelationship}}','#actionIndexNot',[
                                                            '#_token',
                                                            '#idClientProvider{{$row->idNegotiationRelationship}}',
                                                            '#idNegotiation{{$row->idNegotiationRelationship}}',
                                                            '#urlMod',
                                                            ])">
                        <i class="fa fa-pencil"></i>

                    </button>
                    <a class="right-side-open btn waves-effect waves-light p-0 link-themecolor-inverse font-15"
                       title="Negociação"
                       href="{{url('negotiation-relationship')}}/{{Crypt::encrypt($row->idNegotiation)}}">
                        <i class="mdi mdi-folder"></i>
                    </a>

                    {{--                        <a class="right-side-open btn waves-effect waves-light p-l-0 p-r-0 "--}}
                    {{--                           href="{{url('negotiation')}}/{{Crypt::encrypt($row->idNegotiation)}}"--}}
                    {{--                           title="lista da Negociação">--}}
                    {{--                            <i class="fa fa-list  botao_laranja"></i>--}}
                    {{--                        </a>--}}


                </div>

                <div id="slideBarDescriptionClient{{$row->idNegotiationRelationship}}"
                     class="font-14 m-l-20 border radius collapse "
                     style="overflow: auto; max-height: 300px;"
                     aria-expanded="true">

                    <div class="text-center">
                        <div class="spinner-border" role="status">
                            <span class="sr-only">Loading...</span>
                        </div>
                    </div>

                </div>

            </div>
        </div>
        @endforeach


        </tbody>
    </table>


</div>
<!-- /CONTENT -->
<!-- SIDEBAR-RIGHT -->
<script src="{{ asset('template/plugins/ozi-sidebar-right/sidebar-right.js') }}" type="text/javascript"></script>
<script>

    $(function () {
        $('.checkbox_agenda').click(function () {

            var v_checked = $(this).attr('checked');
            var v_id = $(this).attr('id');
            if ('checked' == v_checked) {
                $(this).removeAttr('checked');
                $(this).val(1);
            } else {
                $(this).attr('checked', 'checked');
                $(this).val(2);
            }

            //Verifica o local de origem e determina sua aplicação
            var v_url_mod = $('#urlMod').val();
            var v_msg;
            switch (v_url_mod) {
                case 'negotiation-relationship':
                    v_msg = '#agendaToday';
                    break;
                case 'dashboard':
                    v_msg = '#agendaRelationship';
                    break;
            }

            loadsDataForm(v_msg, '{{url("/calendar-relationship/agenda-check/")}}/' + v_id, '#actionIndexNot', [
                '#_token',
                '#dateRange',
                '#idClientProvider' + v_id,
                '#idNegotiation' + v_id,
                '#' + v_id,
                '#urlMod',
            ]);


        });
    });
</script>
<script>
    $(document).ready(function () {
        $("#searchInput").on("keyup", function () {
            var value = $(this).val().toLowerCase();
            if ((value.length != 2) || (value.length == 0)) {
                $(".card-search-agenda .card-search-filter-agenda").filter(function () {
                    $(this).toggle($(this).text().toLowerCase().indexOf(value) > -1)
                });
            }
        });

        // $("#searchInputDay").on("keyup", function () {
        //
        //     var value = $(this).val().toLowerCase();
        //     if ((value.length != 2) || (value.length == 0)) {
        //         $(".card-search-agenda .card-search-filter-agenda-day").filter(function () {
        //             $(this).toggle($(this).text().toLowerCase().indexOf(value) > -1)
        //         });
        //     }
        // });
    });
</script>