@php
    use App\Http\Controllers\Mod\ModRelationship;use App\Http\Controllers\Mod\ModRelationshipAction;
    use App\Http\Controllers\ModCronos;use Illuminate\Support\Facades\Crypt;
use App\Models\Profile;
    $paginator_number=isset($paginator_number)?$paginator_number:null;
    $record_relationship=isset($record_relationship)?$record_relationship:$record;


@endphp
@include("mod-negotiation-relationship.index-timeline-style")
<div class="row">
    <div class="col-6 align-center ">
        <div id="recordSearch" class="font-13 p-t-15">Qtdd de Eventos:
            <span id="msgRecordSearch" class="label label-light-inverse">
{{--                {{$record_relationship->total()}}--}}
            </span>
        </div>

    </div>
    <div class="col-6">
        <div id="relacitionshiProg">
            @if($option=='timeline')
                @include("mod-negotiation-relationship.index-relationship-select")
            @endif
        </div>
    </div>
</div>
<hr class="m-b-40">
@php
    //======================================
    // CUSTOMIZAÇÃO DE ACAO
    //--------------------------------------
    // PROPOSTA
    //Quantidade Visualização
    $qtt=0;
@endphp

@foreach($record_relationship as $row)
    @php
        //===========> mensagem/email de relacionamento
        //carredando nome das ações
        $id_relationship_action = isset($row->idRelationshipAction)?$row->idRelationshipAction:5;
        $record_action = ModRelationshipAction::action($id_relationship_action);
        $record_relaction = null;
        if ($row->idRelationshipAction >= 50) {
            $record_relaction = ModRelationship::relationshipNegotiationEvent($row->idNegotiationRelationshipStatusEvent, $id_negotiation);

            //carregando as SUBações
            if ($record_relaction != null) {
                $record_action_sub = ModRelationshipAction::actionSub($record_relaction->idRelationshipActionSub);
            }
        }
        //=========> ICO
        if (!empty($record_action->icon)) {
            $icon = $record_action->icon;
            $style = '  margin-top: -12px;
                    margin-left: -11px;
                    position: absolute; ';
        } else {
            $icon = '   fa fa-caret-right ';
            $style = '  margin-top: -5px;';
        }
        $id_salesorder = isset($row->idSalesOrder)?$row->idSalesOrder:null;
    @endphp

    {{--    OBJETO DA TIME-LINE--}}
    <div class="sl-item">
        <div id="anchor{{$row->idNegotiationRelationshipStatusEvent }}"
             style="position: absolute; margin-top: -80px; margin-left: -25px; ">&nbsp
        </div>
        <div class="sl-left">
            <button type="button"
                    @php
                        $reference_up = isset($record_relaction->idNegotiationRelationshipReferenceUp)?$record_relaction->idNegotiationRelationshipReferenceUp:false;
                        $idClass=isset($record_relaction->idRelationshipActionClass)?$record_relaction->idRelationshipActionClass:null;
                        $id_negotiation_relationship = isset($record_relaction->idNegotiationRelationship)?$record_relaction->idNegotiationRelationship:null;
                    @endphp
                    class="btn  @if($reference_up)  btn-secondary  @else  btn-themecolor  @endif  btn-circle">
                <span class="font-24">
                    <i class="{{$record_action->icon??''}}  @if($reference_up)  text-muted  @else  text-white  @endif  "
                       style="position: absolute;  margin-top: {{ $record_action->iconTop}}px; margin-left: {{ $record_action->iconLeft}}px "></i>
                </span>
            </button>
        </div>

        <div class="sl-right">
            <div>
                <h6>
                    <small> </small>
                    <small class="label label-light-inverse "
                           title="Criação: {{ ModCronos::convertDateTimeBR($row->created_at)}}"
                           style="cursor: pointer;">
                        {{ ModCronos::extractDaysDate(ModCronos::convertDateTimeBR($row->created_at))}}
                        / <span style="text-transform: capitalize;">
                        {{ ModCronos::numbersToMonth(ModCronos::extractMonthDate(ModCronos::convertDateTimeBR($row->created_at))) }}
                        </span>
                    </small>

                    <small class="label label-light-inverse "
                           title="Criação: {{ ModCronos::convertDateTimeBR($row->created_at)}}"
                           style="cursor: pointer;">
                        {{ ModCronos::convertTime($row->created_at)}}
                    </small>

                    {{ModRelationshipAction::actionClass( $idClass)}}
                    @if($id_salesorder > 0)
                        <span class="text-muted"
                              title="Negociação: {{$row->idNegotiation}} - Proposta: {{$id_salesorder}}">
                            <small>Nº Proposta:</small> {{$id_salesorder}}
                        </span>
                    @endif
                </h6>
            </div>

            <div>
                <span class="label label-light-inverse "
                      title="Numero do Evento: {{$row->idNegotiationRelationshipStatusEvent}}">
                   N.E .:  {{$row->idNegotiationRelationshipStatusEvent}}
                </span> \
                <span class="label label-light-inverse">{{$record_action->xName??$row->idRelationshipAction}}</span>

                @if($record_action->idRelationshipAction==5)

                    <button type="button" class="right-side-open btn waves-effect waves-light "
                            data-target="sidebar-right"
                            onclick="loadsDataForm('#sidebarRight  .content','{{url("negotiation-proposal/info")}}/{{Crypt::encrypt($id_salesorder)}}','#actionIndexNot',['#_token'])">
                        <i class="fa fa-external-link-square font-18" style="color: coral;"></i>
                    </button>
                @endif

                @if($record_action->idRelationshipAction==1)

                    <button type="button" class="right-side-open btn waves-effect waves-light "
                            data-target="sidebar-right"
                            onclick="loadsDataForm('#sidebarRight  .content','{{url("negotiation-proposal/info")}}/{{Crypt::encrypt($id_salesorder)}}','#actionIndexNot',['#_token'])">
                        <i class="fa fa-external-link-square font-18" style="color: coral;"></i>
                    </button>
                @endif

                @if (!empty($record_action_sub))
                    @if ($row->idRelationshipAction >= 50)
                        \ <span class="label @if($reference_up)  label-muted  @else  label-themecolor  @endif">
                            {{ $record_action_sub->xName }}
                        </span>
                    @endif
                @endif


                {{-- PAINEL DE DATA E ACOES --}}
                <span class="sl-date pull-right text-right">

                    @php $date_start = isset($record_relaction->dateStart)?$record_relaction->dateStart:null;
                    @endphp
                    @if($date_start !== null)
                        {{ ModCronos::convertDateTimeBR($record_relaction->dateStart)}} <br>
                    @endif
                    @php
                        $idRelationshipActionClass = isset($record_relaction->idRelationshipActionClass)?$record_relaction->idRelationshipActionClass:null;
                        $idRelationshipCheck = isset($record_relaction->idRelationshipCheck)?$record_relaction->idRelationshipCheck:null;
                        $idUser = isset($record_relaction->idUser)?$record_relaction->idUser:null;
                        $idUserResponsible = isset($record_relaction->idUserResponsible)?$record_relaction->idUserResponsible:null;

                    @endphp
                    @if($idRelationshipActionClass<=2)
                        @if($idRelationshipCheck==2)
                            <i class="mdi mdi-calendar-check  text-warning font-16" title="Agendado"></i>
                            Agendado
                        @else
                            <i class="mdi mdi-calendar-blank" title="não esta Agendando"></i>
                            Não Agendando

                        @endif

                        @if($idUser != $idUserResponsible)

                            <i class="fa fa-user-circle-o text-themecolor font-18 "></i>
                            <span class="sl-text">
{{--	      //  @php $profile_row = Profile::user($record_relaction->idUserResponsible); echo $profile_row->userName; @endphp--}}
                            </span>
                        @endif
                    @endif

                </span>
            </div>
        </div>
        {{--        @dd($row,$record_action)--}}
        {{--        STATUS| Proposta: Cancelada --}}

        @if($row->idRelationshipAction==8)
            @php
                $profile_select = Profile::user($row->idUser);
            @endphp
            <div class="font-11 text-muted m-l-15">
                <br> Usuário: <span class="card-subtitle">{{$profile_select->userName}}</span>,
                <br> E-mail: <span class="card-subtitle">{{$profile_select->userEmail}}</span>,
                <br> Data do cancelamento: <span
                        class="card-subtitle">{{ModCronos::convertDateTimeBR($row->created_at)}}</span>
            </div>

        @elseif($row->idRelationshipAction==35)

            {{--            @if(isset($row->idUserResponsibleNew)==true)--}}
            {{--                @php $profile_select_assist = Profile::user($row->idUserResponsibleNew) @endphp--}}
            {{--                <i class=" mdi mdi-account-tie-outline text-themecolor-inverse"--}}
            {{--                   style="font-size: 20px;  position: relative;  top: 2px;"></i>--}}
            {{--                <span class="label titulo_timeline">Novo </span>--}}
            {{--                <br><small> {{$profile_select_assist->userName}}--}}
            {{--                <br> {{$profile_select_assist->userEmail}}</small>--}}
            {{--            @else--}}
            {{--                 <i class=" mdi mdi-account-tie-outline text-themecolor-inverse"--}}
            {{--                    style="font-size: 20px;  position: relative;  top: 2px;"></i>--}}
            {{--                <span class="label titulo_timeline">Removido</span>--}}
            {{--            @endif--}}
        @endif

        {{--        ações dos eventos do relacionamento com a negociação e propostas/pedidos--}}

        @if( $row->idRelationshipAction >= 100)

            @if($record_relaction!=null)
                @include('mod-negotiation-relationship.index-timeline-relationship')
            @endif
        @else
            <div style="margin: 10px 10px 50px 60px; ">
                @include('mod-negotiation-relationship.index-timeline-proposal')
                @include('mod-negotiation-relationship.index-timeline-orderservice')
                @include('mod-negotiation-relationship.index-timeline-financial')

                @include('mod-negotiation-relationship.index-timeline-salesorder')
            </div>
        @endif
    </div>

    <hr>
    {{--    @endif--}}
@endforeach

<script src="{{ asset('template/plugins/ozi-sidebar-right/sidebar-right.js') }}" type="text/javascript"></script>
@if($paginator_number<=count($record_relationship))
    <script>

        $('#msgPaginadorQtt').val({{isset($add)?$add:null}});

        $('#msgRecordSearch').html({{$record_relationship->total()}});
    </script>
@else
    <script>
        $(function () {
            var msg = '<div class="text-center w-100">...</div>';
            $('#msgPaginador').html(msg);


            $('#msgPaginadorQtt').val({{isset($add)?$add:null}});

            $('#msgRecordSearch').html({{$record_relationship->total()}});
        });

    </script>
@endif

<script>
    $(function () {
        $('#idSalesOrderSeach').change(function () {
            $(this).addClass('btn btn-warning');
            $(this).removeClass('btn btn-secondary');

            $('#negotiationRelationship').removeClass('btn btn-warning');
            $('#negotiationRelationship').addClass('btn btn-secondary');

            loadsDataForm('#listRelationship', '{{url("negotiation-relationship/option")}}/{{ Crypt::encrypt($id_negotiation)}}', '#actionIndexNot', ['#negotiationTimeline', '#idSalesOrderSeach', '#_token']);

        });
    });
</script>

<script src="{{ asset('template/plugins/ozi-anchor-action/anchor-action-1.0.js') }}"></script>