@extends('layouts.app')
@section('css')
<style>
    .filter-option,
    .filter-option-inner-inner {
        margin: 0px !important;
        padding: 3px 0 !important;
    }
</style>
@endsection

@section('content')
<ol class="breadcrumb">
    <li class="breadcrumb-item active class_select"><a href="{{ URL('/home') }}">Inicio</a></li>
    <li class="breadcrumb-item">Promotores</li>
    <li class="breadcrumb-item active">Tranferencia</li>
</ol>
<div class="row justify-content-between">
    <div class="col-12 col-xl-12">
        <h1 class="page-title">Tranferencia de promotores</h1>
    </div>
</div>

<div class="clearfix"></div>

@include('flash::message')

<div class="clearfix"></div>

<section class="widget" style="padding:0px!important; margin-top:25px!important;">
    <header style="padding:0px 20px!important">
        <div class="content_div">
            <h4 style=" padding: 20px 50px 0!important;">Realiza una transferencia de un Promotor a un Supervisor</h4>
            <hr class="divider_tarjet " style="margin-top:15px; margin-bottom:0px;">
        </div>
    </header>
    @include('adminlte-templates::common.errors')
    <div class="widget-body" style="padding: 0px 50px ">
        {!! Form::open(['route' => 'promotors.store_transferencia', 'class' => 'form-horizontal','files' =>
        true,'style'=>'width:100%']) !!}
        <div class="row">
            <div class="form-group col-xl-6 col-lg-6 col-md-12 col-sm-12 class_transferencia_border"
                style="border:none; border-right:1px solid #c9c9c9; padding:20px 20px 50px; margin:0"">
                    <h4 style=" color:#495057; font-size:14px;"> Promotor:</h4>
                {!! Form::label('promotor', 'Selecciona un Promotor a transferir:', ['class'=>'labels']) !!}<br />
                <div style="height:15px!important;"></div>
                <select class="selectpicker form-control" data-style="btn-default" data-width="100%" name="promotor_1"
                    tabindex="-1" id="promotor_1">
                    <option value="0" selected disabled>--</option>
                    @foreach($promotors as $promotor)
                    @if(!empty($promotor->territorios))
                    <option data-territorio_id="{!! $promotor->territorios->id !!}"
                        data-territorio="{!! $promotor->territorios->nombre !!}"
                        data-territorio_clave="{!! $promotor->territorios->nombre !!}" value="{!! $promotor->id !!}">{!!
                        $promotor->user->name !!}</option>
                    @else
                    <option data-territorio_id="0" data-territorio="" data-territorio_clave=""
                        value="{!! $promotor->id !!}">{!! $promotor->user->name !!}</option>
                    @endif
                    @endforeach
                </select>
                @if($errors->validator->has('name'))
                <div class="alert alert-danger alert-transparent alert-sm">
                    <button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>
                    {!! $errors->validator->first('name')!!}
                </div>
                @endif
                <div class="row" style="padding-top:50px;display:none; " id="transferencia_promotor">
                    <div class="col-xl-12">
                        <h4 style="color:#495057; font-size:14px;">Información del Promotor:</h4>
                    </div>
                    <div class="col-xl-12 ">
                        <label class="labels">Nombre del Promotor:</label><br>
                        <h5 class="fw-normal" style="color:#a2a2a2!important; margin-top:10px!important;" id="Nombre">
                        </h5>
                    </div>
                    <div class="col-xl-6 col-md-6 col-sm-12  " style="float:left; ">
                        <label class="labels" style="margin-top:15px!important;">Supervisor Actual:</label><br>
                        <h5 class="fw-normal" style="color:#a2a2a2!important; margin-top:10px!important;"
                            id="Territorio"></h5>
                    </div>
                    <div class="col-xl-6 col-md-6 col-sm-12" style="float:right">
                        <label class="labels" style="margin-top:15px!important;">Código de Promotor:</label><br>
                        <h5 class="fw-normal" style="color:#a2a2a2!important; margin-top:10px!important;" id="Codigo">
                        </h5>
                    </div>
                </div>
            </div>
            <div class="form-group col-xl-6 col-lg-6 col-md-12 col-sm-12 " style="padding:20px ">
                <h4 style="color:#495057; font-size:14px;"> Supervisor:</h4>
                {!! Form::label('supervisor', 'Selecciona el Supervisor para transferir:', ['class'=>'labels'])
                !!}<br />
                <div style="height:15px!important;"></div>
                <select class="selectpicker form-control" data-style="btn-default" data-width="100%" name="supervisor"
                    tabindex="-1" id="supervisor">
                    <option value="0" selected disabled>--</option>
                    <!-- HABIA UN FOREACH-->
                    @foreach($supervisores as $supervisor)
                    <option value="{!! $supervisor->id !!}">{!! $supervisor->user->name !!}</option>
                    @endforeach
                </select>
                @if($errors->validator->has('name'))
                <div class="alert alert-danger alert-transparent alert-sm">
                    <button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>
                    {!! $errors->validator->first('name')!!}
                </div>
                @endif
                <div class="row" style="padding-top:50px;display:none; " id="transferencia_supervisor">
                    <div class="col-xl-12">
                        <h4 style="color:#495057; font-size:14px;">Información del Supervisor:</h4>
                    </div>
                    <div class="col-xl-12 ">
                        <label class="labels">Nombre del Supervisor:</label><br>
                        <h5 class="fw-normal" style="color:#a2a2a2!important; margin-top:10px!important;" id="NombreT">
                        </h5>
                    </div>
                    <div class="col-xl-6 col-md-6 col-sm-12  " style="float:left;">
                        <label class="labels" style="margin-top:15px!important;">Correo electrónico:</label><br>
                        <h5 class="fw-normal" style="color:#a2a2a2!important; margin-top:10px!important;"
                            id="DireccionT"></h5>
                    </div>
                    <div class="col-xl-6 col-md-6 col-sm-12 " style="float:right">
                        <label class="labels" style="margin-top:15px!important;">Codigo Supervisor:</label><br>
                        <h5 class="fw-normal" style="color:#a2a2a2!important; margin-top:10px!important;" id="Clave">
                        </h5>
                    </div>
                </div>
            </div>
            <!-- <div class="form-group col-md-6 col-12" style="display: none; margin-bottom:45px;"" id="promotores_null">
                    {!! Form::label('promotor_2', 'Promotor 2:', ['class'=>'labels']) !!}<br/>
                    <div style="height:15px!important;"></div>
                    <select class="selectpicker form-control" data-style="btn-default"
                        data-width="100%" name="promotor_2"
                        tabindex="-1" id="promotor_2">
                        <option value="0" selected disabled>Selecciona el segundo promotor</option>
                        @foreach($promotores_vacio as $promotor_vacio)
                            <option value="{!! $promotor_vacio->id !!}">{!! $promotor_vacio->codigo_promotor .' '. $promotor_vacio->user->name !!}</option>
                        @endforeach
                    </select>
                    @if($errors->validator->has('name'))
                    <div class="alert alert-danger alert-transparent alert-sm">
                        <button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>
                        {!! $errors->validator->first('name')!!}
                    </div>
                    @endif
                </div> -->
            <!-- Submit Field -->
        </div>

        <div class="modal fade" id="Asignar" tabindex="-1" role="dialog" aria-labelledby="AsignarLabel"
            aria-hidden="true">
            <div class="modal-dialog" role="document">
                <div class="modal-content">
                    <div class="modal-header">
                        <h3 class="modal-title" id="AsignarLabel">Asigna un Promotor a un Supervisor libre</h3>
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                            <span aria-hidden="true">&times;</span>
                        </button>
                    </div>
                    <div class="modal-body">
                        <div class="row">
                            <div class="form-group col-sm-12">
                                <h4 style="color:#495057; font-size:14px;">Hey! Para poder realizar la transferencia, es
                                    necesario asignar un Promotor a un Supervisor que ha dejado de tener un Promotor.
                                </h4>
                                {!! Form::label('supervisor_libre', 'Supervisor libre:', ['class'=>'labels']) !!}<br />
                                <label id="supervisor_libre" class="labels" style="margin-top:10px!important;"></label>
                            </div>
                            <div class="form-group col-sm-12" id="hide_gerente">
                                {!! Form::label('prmotor2', 'Promotor libre:', ['class'=>'labels','style'=>'margin: 15px
                                0 0!important']) !!}<br />
                                <select class="selectpicker form-control" data-style="btn-default" data-width="100%"
                                    name="promotor_2" tabindex="-1" id="promotor_2">
                                    <option value="0" selected disabled disabled selected>--</option>
                                    @foreach($promotores_vacio as $promotor_vacio)
                                    <option value="{!! $promotor_vacio->id !!}">{!! $promotor_vacio->user->name !!}
                                    </option>
                                    @endforeach
                                </select>
                                @if($errors->validator->has('name'))
                                <div class="alert alert-danger alert-transparent alert-sm">
                                    <button type="button" class="close" data-dismiss="alert"
                                        aria-hidden="true">×</button>
                                    {!! $errors->validator->first('name')!!}
                                </div>
                                @endif
                            </div>
                            <div class="col-sm-12" style="margin-top:35px;" id="crearGerente">
                                <h4 style="color:#495057; font-size:14px;">Si no exite un Promotor libre, puedes crear
                                    uno:</h4>
                                <input type="radio" name="crear_promotor_radio" id="crear_promotor_radio" value=""
                                    onchange="crearPromotorRadio(this);">
                                <input type="hidden" name="crear_promotor_radio_val" id="crear_promotor_radio_val">
                                <label for="pago_radio" class="labels" style="margin-top:15px!important">Crear un
                                    Promotor:</label>
                                <div id="txt_pago_esperado" style="padding:5px 0 10px;"></div>
                                <div class="row" id="hide_formulario">
                                    <div class="col-12" style="position:relative">
                                        {!! Form::label('name', 'Nombre:', ['class' => 'label_class']) !!}
                                        {!! Form::text('name', (!empty($promotor) ? null : null), ['class' =>
                                        'form-control class_input']) !!}
                                        @if($errors->validator->has('name'))
                                        <div class="alert alert-danger alert-transparent alert-sm">
                                            <button type="button" class="close" data-dismiss="alert"
                                                aria-hidden="true">×</button>
                                            {!! $errors->validator->first('name')!!}
                                        </div>
                                        @endif
                                    </div>
                                    <div class="col-md-6 col-12" style="position:relative;margin-top:20px">
                                        {!! Form::label('a_paterno', 'Apellido paterno:', ['class' => 'label_class'])
                                        !!}
                                        {!! Form::text('a_paterno', (!empty($promotor) ? null : null), ['class' =>
                                        'form-control class_input']) !!}
                                        @if($errors->validator->has('name'))
                                        <div class="alert alert-danger alert-transparent alert-sm">
                                            <button type="button" class="close" data-dismiss="alert"
                                                aria-hidden="true">×</button>
                                            {!! $errors->validator->first('name')!!}
                                        </div>
                                        @endif
                                    </div>
                                    <div class="col-md-6 col-12" style="position:relative;margin-top:20px">
                                        {!! Form::label('a_materno', 'Apellido materno:', ['class' => 'label_class'])
                                        !!}
                                        {!! Form::text('a_materno', (!empty($promotor) ? null : null), ['class' =>
                                        'form-control class_input']) !!}
                                        @if($errors->validator->has('name'))
                                        <div class="alert alert-danger alert-transparent alert-sm">
                                            <button type="button" class="close" data-dismiss="alert"
                                                aria-hidden="true">×</button>
                                            {!! $errors->validator->first('name')!!}
                                        </div>
                                        @endif
                                    </div>
                                    <div class="col-12" style="position:relative;margin-top:20px">
                                        {!! Form::label('email', 'Correo electrónico:', ['class' => 'label_class']) !!}
                                        {!! Form::email('email', (!empty($promotor) ? null : null), ['class' =>
                                        'form-control class_input']) !!}
                                        @if($errors->validator->has('name'))
                                        <div class="alert alert-danger alert-transparent alert-sm">
                                            <button type="button" class="close" data-dismiss="alert"
                                                aria-hidden="true">×</button>
                                            {!! $errors->validator->first('name')!!}
                                        </div>
                                        @endif
                                    </div>
                                    <div class="col-md-6 col-12" style="position:relative;margin-top:20px">
                                        {!! Form::label('telefono', 'Teléfono:', ['class' => 'label_class']) !!}
                                        {!! Form::text('telefono', (!empty($promotor) ? null : null), ['class' =>
                                        'form-control class_input']) !!}
                                        @if($errors->validator->has('name'))
                                        <div class="alert alert-danger alert-transparent alert-sm">
                                            <button type="button" class="close" data-dismiss="alert"
                                                aria-hidden="true">×</button>
                                            {!! $errors->validator->first('name')!!}
                                        </div>
                                        @endif
                                    </div>
                                    <div class="col-md-6 col-12" style="position:relative;margin-top:20px">
                                        {!! Form::label('telefono_casa', 'Teléfono de casa:', ['class' =>
                                        'label_class']) !!}
                                        {!! Form::text('telefono_casa', (!empty($promotor) ? null : null), ['class' =>
                                        'form-control class_input']) !!}
                                        @if($errors->validator->has('name'))
                                        <div class="alert alert-danger alert-transparent alert-sm">
                                            <button type="button" class="close" data-dismiss="alert"
                                                aria-hidden="true">×</button>
                                            {!! $errors->validator->first('name')!!}
                                        </div>
                                        @endif
                                    </div>
                                    <div class="col-12" style="position:relative;margin-top:20px">
                                        {!! Form::label('fecha_nacimiento', 'Fecha de nacimiento (YYYY-MM-DD):',
                                        ['class' => 'label_class']) !!}
                                        {!! Form::text('fecha_nacimiento', (!empty($promotor) ? null : null), ['class'
                                        => 'form-control class_input','id' => 'fecha_nacimiento']) !!}
                                        @if($errors->validator->has('name'))
                                        <div class="alert alert-danger alert-transparent alert-sm">
                                            <button type="button" class="close" data-dismiss="alert"
                                                aria-hidden="true">×</button>
                                            {!! $errors->validator->first('name')!!}
                                        </div>
                                        @endif
                                    </div>
                                    @if(empty($promotor))
                                    <div class="col-md-6 col-12" style="position:relative;margin-top:20px">
                                        {!! Form::label('password', 'Contraseña:', ['class' => 'label_class']) !!}
                                        {!! Form::password('password', ['class' => 'form-control class_input']) !!}
                                        @if($errors->validator->has('name'))
                                        <div class="alert alert-danger alert-transparent alert-sm">
                                            <button type="button" class="close" data-dismiss="alert"
                                                aria-hidden="true">×</button>
                                            {!! $errors->validator->first('name')!!}
                                        </div>
                                        @endif
                                    </div>
                                    @endif
                                    <div class="col-12" style="position:relative;margin-top:20px">
                                        {!! Form::label('codigo_promotor', 'Código:', ['class' => 'label_class']) !!}
                                        {!! Form::text('codigo_promotor', (!empty($promotor) ? null : null), ['class' =>
                                        'form-control class_input']) !!}
                                        @if($errors->validator->has('name'))
                                        <div class="alert alert-danger alert-transparent alert-sm">
                                            <button type="button" class="close" data-dismiss="alert"
                                                aria-hidden="true">×</button>
                                            {!! $errors->validator->first('name')!!}
                                        </div>
                                        @endif
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="modal-footer" style="margin-top:25px;">
                        <button type="submit" class="btn5 btnImage" id="btnAccept" data-toggle="tooltip"
                            title="Selecciona un Promotor para que sea asignado a un Supervisor libre">guardar</button>
                        <button type="button" class="btnDanger btn1" id="cancel" data-dismiss="modal">cancelar</button>
                    </div>
                </div>
            </div>
        </div>

        {!! Form::close() !!}
    </div>
    <div class="contnedor_transfer" style="padding:0 20px 15px">
        <div class="row top_line">
            <div class="form-group col-12 class_button_flex" style="margin-top:25px; margin-bottom:0px!important;">
                <button type="button" id="transferir" class="btn5 btnImage" data-toggle="tooltip"
                    title="Selecciona un Promotor y un Supervisor para transferir">guardar</button>
                <a href="#" id="btnCancel" class="btnDanger btn1">Cancelar</a>
            </div>
        </div>
    </div>
</section>

<div class="modal fade" id="CancelTransfer" tabindex="-1" role="dialog" aria-labelledby="CancelTransferLabel"
    aria-hidden="true">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h3 class="modal-title" id="CancelTransferLabel">¡Advertencia!</h3>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <div class="modal-body">
                <div class="row">
                    <div class="form-group col-sm-12">
                        <h5>Al aceptar la Transferencia del Promotor será cancelada.</h5>
                    </div>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn2 btnSucces" id="btnCancelTransfer">Aceptar</button>
                <button type="button" class="btnDanger btn1" data-dismiss="modal">cancelar</button>
            </div>
        </div>
    </div>
</div>
@endsection

@section('scripts')
<script src="https://cdn.jsdelivr.net/npm/select2@4.0.12/dist/js/select2.min.js"></script>

<script src="{!! asset('template') !!}/bower_components/bootstrap-select/dist/js/bootstrap-select.min.js"></script>
<script>
    $(document).ready(function() {
        let url_dinamica = "{!! URL::to('/') !!}";

        $('#promotor_1').on('change', function() {
            let territorio_id = $(this).find(':selected').data('territorio_id');
            let id = $(this).val();
            if(id != 0){
                $.ajax({
                    url: url_dinamica+'/api/getInfoPromotor/'+id,
                    method: 'GET',
                    dataType: 'json',
                    success:function(value){
                        console.log(value);
                        /*ASIGNO LA INFORMACION DE UN GERENTE SUCURSAL */

                        $('#Nombre').text(value.data.user.name + ' ' + value.data.user.a_paterno + ' ' + value.data.user.a_materno );
                        $('#Codigo').text(value.data.codigo_promotor );
                        if(value.data.supervisor_id != null){
                            $('#Territorio').text(value.data.nombre_supervisor);
                            $('#supervisor_libre').text(value.data.nombre_supervisor);

                        }
                        else{
                            $('#supervisor_libre').text(value.data.nombre_supervisor);
                        }
                        $('#transferencia_promotor').css('display','block');
                    },
                    error:function(xhr,estado, error){

                    }
                });
            }
            else{
                $('#transferencia_promotor').css('display','none');
                $('#transferir').attr('type','button');
                $('#transferir').removeClass('btn2 btnSucces');
                $('#transferir').addClass('btn5 btnImage');
                $('#transferir').attr('data-original-title','Selecciona un Promotor y un Supervisor para transferir');
            }
        });

        $('#supervisor').on('change', function() {
            let id = $(this).val();
            if(id != 0){
                $.ajax({
                    url:  url_dinamica+"/api/getInfoSupervisor/"+id,
                    method:"GET",
                    dataType:"json",
                    success:function(value){
                        $('#NombreT').text(value.data.user.name);
                        $('#DireccionT').text(value.data.user.email );
                        $('#Clave').text(value.data.codigo_supervisor);
                    },
                    error:function(xhr,estado,error){

                    }
                });
                $('#transferencia_supervisor').css('display','block');
                $('#transferir').attr('type','submit');
                $('#transferir').removeClass('btn5 btnImage');
                $('#transferir').addClass('btn2 btnSucces');
                $('#transferir').removeAttr('data-original-title');
            }
            else{
                $('#transferencia_supervisor').css('display','none');
                $('#transferir').attr('type','button');
                $('#transferir').removeClass('btn2 btnSucces');
                $('#transferir').addClass('btn5 btnImage');
                $('#transferir').attr('data-original-title','Selecciona un gerente y una sucursal para transferir');
            }
        });

        $('#hide_formulario').hide();
    });

    function crearPromotorRadio(id){
        $('#hide_gerente').css('display','none');
        $('#hide_formulario').show();
        $('#btnAccept').attr('type','submit');
        $('#btnAccept').removeClass('btn5 btnImage');
        $('#btnAccept').addClass('btn2 btnSucces');
        $('#btnAccept').removeAttr('data-original-title');
        $('#crear_promotor_radio_val').val('on');
        $(id).bind('touchstart mousedown', function() {
            this.checked = !this.checked;
            if(this.checked == false){
                $('#crear_promotor_radio_val').val('off');
                $('#hide_formulario').hide();
                $('#btnAccept').attr('type','submit');
                $('#btnAccept').addClass('btn5 btnImage');
                $('#btnAccept').removeClass('btn2 btnSucces');
                $('#btnAccept').attr('data-original-title','Selecciona un Gerente para que sea asignado a una Sucursal libre');
                $('#hide_gerente').css('display','block');
            }
            else{
                $('#hide_gerente').css('display','none');
                $('#hide_formulario').show();
                $('#btnAccept').attr('type','submit');
                $('#btnAccept').removeClass('btn5 btnImage');
                $('#btnAccept').addClass('btn2 btnSucces');
                $('#btnAccept').removeAttr('data-original-title');
            }
        }).bind('click touchend', function(e) {
            e.preventDefault()
        });
    }

    $('#promotor_2').on('change',function(){
        let id = $(this).val();
        if(id != 0){
            $('#btnAccept').attr('type','submit');
            $('#btnAccept').removeClass('btn5 btnImage');
            $('#btnAccept').addClass('btn2 btnSucces');
            $('#btnAccept').removeAttr('data-original-title');
        }
        else{
            $('#btnAccept').attr('type','submit');
            $('#btnAccept').addClass('btn5 btnImage');
            $('#btnAccept').removeClass('btn2 btnSucces');
            $('#btnAccept').attr('data-original-title','Selecciona un Promotor para que sea asignado a un Supervisor libre');
        }
    });

    $(window).load(function() {
        console.log();
        if($('.class_input').val() == ' '){
            $('.class_input').parent().find('.label_class').addClass('active2');
        }
    });

    $('.class_input').on('focusin', function() {
        $(this).parent().find('.label_class').addClass('active2');
    });

    $('.class_input').on('focusout', function() {
        if (!this.value) {
            $(this).parent().find('.label_class').removeClass('active2');
        }
    });

    $('#btnCancel').click(function(){
        if($('#Nombre').text() == ""){

        }
        else{
            $('#CancelTransfer').modal('show');
        }
    });

    $('#btnCancelTransfer').click(function(){
        location.reload();
    });

</script>
@endsection