@php
    use App\Http\Controllers\Mod\ModClientProviderTransfer;use Illuminate\Support\Facades\Crypt;
    $reverse = isset($reverse)?$reverse:null;
    $record = isset($record)?$record:null;
    $id_transfer_type = isset($record->idTransferType)?$record->idTransferType:null;
    $id_clientProvider_transfer = Crypt::encrypt(isset($record->idClientProviderTransfer)?$record->idClientProviderTransfer:0);
    $id_transfer_type = isset($record->idTransferType)?$record->idTransferType:null;

@endphp
@include('system-layouts.layout-head')
@include('mod-clientprovider-portfolio.title')
<style>
    @media screen and (min-width: 769px) {
        /* STYLES HERE */
        .custom-line-height {
            line-height: 15px
        }
    }

</style>
{{--@dump(isset($record)?$record:null)--}}
<div class="container-fluid">
    <div class="card">
        <div class="card-body" id="actionTranferClient">
            <input type="hidden" id="idReverse" name="idReverse" value="{{$id_clientProvider_transfer}}">
            <!--/ CONTENT END -->

            <h4 class="card-title">
                @if(!isset($record_seller_destination))
                    Transferindo
                @elseif(isset($record_seller_destination))
                    Revertendo
                @endif
                cliente para: </h4>
            <div class="row m-t-30">
                <div class="col-md-5  text-center">
                    @if($record == null)
                        <button type="button" class="btn btn-secondary font-13 btn_editar py-1 px-2 mx-0 pull-right"
                                data-toggle="modal" data-target="#modalResponsive"
                                onclick="oziLoadData(data = {
                                ldDestiny: 'modalResponsive .modal-content',
                                ldUrl: '{{ url('/clientprovider-transfer/seller')}}',
                                ldCatchItenName: ['_token','idArchitectCommunicationModal','transfer:1'],
                                })"
                        ><i class="fa fa-pencil" aria-hidden="true"></i>
                        </button>
                    @endif

                    <h5 class="m-b-15"><i class="mdi mdi-map-marker"></i>
                        Origem<span id="msgOrigin" class="m-l-5"></span></h5>
                    <hr>
                    <div id="destinationSellerOrigin">
                        @php $transfer = 1; @endphp
                        @include('mod-clientprovider-transfer.any-seller-select')
                    </div>

                </div>
                <div class="col-md-2  text-center  m-b-20">

                    <h6 style="display: flex;">
                        <div class="text-overflow-ellipsis">Tipo/Transferência</div>
                        <span class="pull-left m-l-5" id="msgTransfer"></span></h6>
                    <hr>
                    <div>
                        <div class="btn-group-vertical" role="group" aria-label="Vertical button group">

                            <button type="button"
                                    class="btn @if($id_transfer_type == 10) btn-info @else btn-secondary  @endif  border-0 custom-line-height "

                                    @if($record ==null)
                                        id="btnTranferTypePortfolio"
                                    onclick="oziLoadData(data = {
                                            ldDestiny: 'destinationTranfer',
                                            ldUrl: '{{ url('/clientprovider-transfer/type-portfolio')}}',
                                            ldCatchItenName: ['_token','idSellerOrigin'],
                                            })"
                                    @endif
                                    style="margin-bottom: 2px;">
                                <i class="fa fa-drivers-license font-20 text-themecolor-inverse  "></i> <br>
                                <span class="font-11">Toda carteira</span>
                            </button>
                            <br>

                            <button type="button"
                                    class="btn btn-sm @if($id_transfer_type == 20) btn-info @else btn-secondary  @endif border-0"

                                    @if($record == null)
                                        id="btnTranferTypeClient"
                                    onclick="oziLoadData(data = {
                                            ldDestiny: 'destinationTranfer',
                                            ldUrl: '{{ url('/clientprovider-transfer/type-client')}}',
                                            ldCatchItenName: ['_token','idSellerOrigin'],
                                            })"
                                    @endif

                                    style="line-height: 20px;">
                                <i class="mdi mdi-account-box font-20 text-themecolor-inverse"></i><br>
                                <span class="font-11">Por  cliente</span>
                            </button>
                        </div>
                    </div>


                </div>
                <div class="col-md-5  text-center">
                    <button type="button" class="btn btn-secondary font-13 btn_editar py-1 px-2 mx-0 pull-right"
                            data-toggle="modal" data-target="#modalResponsive"
                            onclick="oziLoadData(data = {
                                ldDestiny: 'modalResponsive .modal-content',
                                ldUrl: '{{ url('/clientprovider-transfer/seller')}}',
                                ldCatchItenName: ['_token','idArchitectCommunicationModal','transfer:2'],
                                })"

                    ><i class="fa fa-pencil" aria-hidden="true"></i>
                    </button>
                    <h5><i class="mdi mdi-map-marker-radius"></i> Destino
                        <span id="msgDestination" class="m-l-5"></span></h5>
                    <hr>

                    <div id="destinationSellerDestination">

                        @if(!isset($record_seller_destination))

                            <input type="hidden" name="idSellerDestination" id="idSellerDestination" value="">

                            <small>Edite o</small> <br>
                            <h6 class="box-title m-b-0">
                                <i class="fas fa-user-tie "></i> Vendedor</h6>
                            <small>de destino</small>
                        @elseif(isset($record_seller_destination))
                            @php $transfer = 2; $record_seller =  $record_seller_destination; @endphp
                            @include('mod-clientprovider-transfer.any-seller-select')
                        @endif
                    </div>


                </div>
            </div>
            <div class="row">
                <div class="col-sm-12 text-right">
                    @if($record == null)
                        <button class="btn btn-sm btn-info waves-effect waves-light"

                                type="button"
                                id="btnTransfer">
                            <span class="btn-label"><i class="fa fa-mail-forward"></i></span>
                            Transferir &nbsp&nbsp&nbsp
                        </button>
                    @else
                        <button class="btn btn-sm btn-themecolor border-0 text-themecolor-inverse waves-effect waves-light"

                                type="button"
                                id="btnTransfer">
                            <span class="btn-label"><i class="fa fa-random "></i></span>
                            Reverter &nbsp&nbsp&nbsp
                        </button>
                    @endif
                    <div id="btnResTransfer" class="m-t-10"></div>

                </div>
            </div>
            <hr>
            @if($id_transfer_type==10)
                <div class="text-center">
                    <input type="hidden" name="transferType" id="transferType" value="10">

                    <button class="btn btn-sm waves-effect waves-light btn-outline-secondary   "
                            style="  border-radius: 10px; " href="{{url('clientprovider-portfolio')}}"
                            onclick=" oziLoadData(data={
                                   ldUrl:'{{asset("/clientprovider-transfer/index-detail")}}',
                                    ldDestiny: 'destinationTranfer',
                                    ldCatchItenName: ['_token','idClientProviderTransfer:{{ Crypt::encrypt($record->idClientProviderTransfer)}}'],
                                })"
                            type="button">
                        <i class="fa fa-chevron-down font-12 text-themecolor-inverse "></i>
                        Detalhes
                    </button>

                </div>
            @endif
            <div id="destinationTranfer">

                @if($id_transfer_type==10)

                    <div style="background-color: var(--cor-themestyle);
            border: 1px solid rgb(255, 255, 255);
            padding: 10px 12px;
            padding-top: 10px;
            border-radius: 15px;
            display: block;
            padding-top: 20px;
            margin-top: -15px;">
                        <h6>Detalhes da transferência: </h6>
                    </div>
                @elseif($id_transfer_type==20)
                    <input type="hidden" name="transferType" id="transferType" value="20">
                    @php
                        $record_client =ModClientProviderTransfer::informationClient([
                            'idClientProviderTransfer'=>$record->idClientProviderTransfer,
                            'optionList'=>'g',
                            'optionListQtt'=>'a',

                            ]);
                        $client_qtdd_transf=0;
                    @endphp
                    {{--                    @dump($record_client)--}}
                    <div id="destinationTranferTypeClientSelected" class="scroller m-t-20 p-l-20 p-r-20"
                         style="max-height: 120px">

                        @include('mod-clientprovider-transfer.any-analyze-client')


                    </div>
                @else
                    <input type="hidden" name="transferType" id="transferType"
                           value="{{isset($record->idTransferType)?$record->idTransferType:null}}">
                    <div class="text-center">
                        Escolha o <span class="text-themecolor-inverse"> Tipo/Transferência </span>.
                    </div>
                @endif

            </div>
            @if($id_transfer_type==10)
                @if($reverse == 1)
                    <hr>
                    <div class="m-l-10">

                        <h6> Resultado analizado: </h6>
                        <h6> > Total transferido: <span class="text-themecolor-inverse">{{$record_client->total()}} Clientes</span>  </h6>
                        <h6> > Total retransferido: <span class="text-themecolor-inverse" id="analyzeValueRetranfer"> Clientes </span> </h6>
                        @php
                            $id_user_responsible_select = $record->idUserResponsibleNew;
                             $client_qtdd_transf=0;
                        @endphp
                        @include('mod-clientprovider-transfer.any-analyze-client')
                        <br>

                    </div>
                @endif
            @endif


            <div class="table-responsive m-t-20" id="actionIndex">

                <input type="hidden" name="_token" id="_token" value="{{csrf_token()}}">
            </div>

            <!--/ CONTENT END -->
        </div>
    </div>
</div>


@include('system-layouts.layout-footer')
<script>
    function analyzeTransfer() {
        var v_access = 2;
        var v_access_origin = 2;
        var v_seller_origin = $('#idSellerOrigin').val();
        var v_seller_destination = $('#idSellerDestination').val();
        var v_access_destination = 2;
        var v_transfer_type = $('#transferType').val();
        var v_access_transfer_type = 2;
        var v_qtt_client = 0;

        //tipo de tranferencia
        if (v_transfer_type == 20) {
            //transferencia de clientes, conte

            $(".analyze-client").each(function () {
                v_qtt_client++
            });
            if (v_qtt_client > 0) {
                //ACESSO
                v_access_transfer_type = 1;
                $('#msgTransfer').html('<i class="fa fa-check text-info"></i>');
            } else {
                v_access_transfer_type = 2;
                $('#msgTransfer').html('<i class="fa fa-times text-warning" ></i>');
            }
        } else if (v_transfer_type == 10) {
            //ACESSO
            if (v_transfer_type.length > 1) {
                v_access_transfer_type = 1;
                $('#msgTransfer').html('<i class="fa fa-check text-info"></i>');
            } else {
                $('#msgTransfer').html('<i class="fa fa-times text-warning" ></i>');

            }
        } else {
            $('#msgTransfer').html('<i class="fa fa-times text-danger" ></i>');

        }

        //ACESSO
        if (v_seller_origin.length > 10) {
            v_access_origin = 1;
            $('#msgOrigin').html('<i class="fa fa-check text-info"></i>');
        } else {
            $('#msgOrigin').html('<i class="fa fa-times text-danger" ></i>');
        }
        if (v_seller_destination.length > 10) {
            v_access_destination = 1;
            $('#msgDestination').html('<i class="fa fa-check text-info"></i>');
        } else {
            $('#msgDestination').html('<i class="fa fa-times text-danger" ></i>');

        }

        console.log(v_access_origin, v_access_transfer_type, v_access_destination)

        //ANALIZANDO ACESSO
        if (v_access_origin == 1 && v_access_transfer_type == 1 && v_access_destination == 1) {
            v_access = 1
            $('#btnTransfer').addClass('btn-info');
            $('#btnTransfer').removeClass('btn-secondary');
        } else {
            $('#btnTransfer').addClass('btn-secondary');
            $('#btnTransfer').removeClass('btn-info');
            v_access = 2
        }
        return v_access
    }

    $('#btnTransfer').click(function () {
        var res = analyzeTransfer()
        console.log(res)
        if (res == 1) {
            $('#modalExtraLarge').modal();
            oziLoadData(data = {
                ldDestiny: 'modalExtraLarge .modal-content',
                ldUrl: '{{ url('/clientprovider-transfer/confirmation')}}',
                ldCatchGroupId: ['actionTranferClient'],
                ldCatchItenName: ['_token'],
            })
        } else {
            $('#btnResTransfer').html(
                '<div class="m-t-10 text-muted">' +
                '<small>Campos obrigados a serem selecionados "<i class="fa fa-times "></i>"' +
                '</small>' +
                '</div>');
        }
    });
    $('#btnTranferTypeClient').click(function () {
        $('#msgTransfer').html('<i class="fa fa-times text-warning"></i>');
    });
    analyzeTransfer()


</script>