@extends('layouts.admin')
@section('css')
@endsection
@section('content')

<div class="page-header text-uppercase">
    <ul class="list-unstyled space-list m-0">
        <li>
            <p>{{ $data->id ?  __('users.edit-users') :  __('users.add-users') }}</p>

        </li>
        <li>
            <nav aria-label="breadcrumb">
                <ol class="breadcrumb">
                    <li class="breadcrumb-item"><a href="{{route('admin.dashboard')}}">{{__('common.home') }}</a></li>
                    <li class="breadcrumb-item active" aria-current="page"><a href="{{route('users.index')}}">{{ __('users.title') }}</a></li>
                    <li class="breadcrumb-item active" aria-current="page"> {{ $data->id ?  __('users.edit-users') :  __('users.add-users') }}</li>
                </ol>
            </nav>
        </li>
    </ul>
</div>
<div class="admin-area-col">
    <div class="row employee-list-view">
        <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12 employee-list-full">
            <div class="round-white-bg box-shadow">
                <div class="d-block">
                    <div class="error-msg font-14"></div>
                </div>
                {{ Form::open(array('route' => $routes, 'method' => 'POST', 'id' => 'ajaxSave'))}}
                <div class="row mt-2">

                    <div class="col-xs-6 col-sm-6 col-md-6 col-lg-5">
                        <div class="row">

                            @if($data->id > 0)
                                {{ Form::hidden('user_type', $data->user_type ?? '', array('class' => 'u_type'))}}
                                {{ Form::hidden('request_from', $data->register_from ?? '', array('class' => 'request_from'))}}
                            @else
                                <div class="custom-input-group colored-field-group col-12">
                                    {{Form::label('user_type', __('users.user_type'), array('class' => 'control-label'))}}
                                    {{ Form::radio('user_type', 1,(!($data->user_type) || $data->user_type==1)? true:false, array('class' => 'u_type'))}}  {{ __('users.user') }}
                                    {{ Form::radio('user_type', 2,($data->user_type==2)? true:false, array('class' => 'u_type'))}}  {{ __('users.company') }}
                                </div>
                            @endif
                            <div class="custom-input-group colored-field-group col-12">
                                {{Form::label('id', __('users.name'), array('class' => 'control-label'))}}
                                {{ Form::text('name',$data->full_name, array('class' => 'form-control'))}}
                            </div>
                            <div class="custom-input-group colored-field-group col-12">
                                {{Form::label('id', __('users.email'), array('class' => 'control-label'))}}
                                {{ Form::email('email',$data->email, array('class' => 'form-control'))}}
                            </div>
                            <div class="custom-input-group colored-field-group col-12">
                                {{Form::label('id', __('users.phone'), array('class' => 'control-label'))}}
                                <div class="row">
                                    <div class="custom-input-group colored-field-group col-4">
                                        {{Form::select('dial_code', $countries, $data->dial_code, ['class' => 'form-control select2'])}}
                                    </div>
                                    <div class="custom-input-group colored-field-group col-8">
                                        {{ Form::text('phone',$data->phone, array('class' => 'form-control'))}}
                                    </div>
                                </div>
                            </div>
                            <div class="custom-input-group colored-field-group col-12">
                                {{Form::label('id', __('users.password'), array('class' => 'control-label'))}}
                                {{ Form::password('password', array('class' => 'form-control'))}}
                            </div>
                            <div class="custom-input-group colored-field-group col-12">
                                {{Form::label('id', __('users.conf-password'), array('class' => 'control-label'))}}
                                {{ Form::password('confirm_password', array('class' => 'form-control'))}}
                            </div>
                            <div class="custom-input-group colored-field-group col-xs-12 col-sm-6">
                                {!! Form::label('allow_manual_rewards', __('users.manual_reward_points'), ['class' => 'control-label']) !!}
                                <div class="row">
                                    <div class="col-md-2">
                                        <label class="custom-control custom-small-control custom-white-control mr-2">
                                            {!! Form::checkbox('allow_manual_rewards', 1, null, ['class' => '__allow_rewards']) !!}
                                            <span class="custom-control-box"><i class="fas fa-check"></i></span>
                                        </label>
                                    </div>
                                    <div class="col-md-10 __allow_reward_input" style="display:none;">
                                        {!! Form::text('manual_reward_points', null, ['class' => 'form-control type_number']) !!}
                                    </div>
                                </div>
                            </div>
                                <div class="custom-input-group colored-field-group col-6">
                                    {{Form::label('block_user', __('users.block_user'), array('class' => 'control-label'))}}
                                    <label class="yummy-switch-label">
                                        {{ Form::checkbox('block_user', 1, $data->block_user == 1 ? true : false) }}
                                        <span class="yummy-switch-box"></span>
                                    </label>
                                </div>
                            @php
                                 $studentRejectedReasons = [];
                            @endphp
                            @if($data->is_student)
                            @php
                                $selectedStudentProfileOption = $data->student_rejected ? 2 : "" ?? "";
                            @endphp
                            <div class="col-6"></div>
                            <div class="custom-input-group colored-field-group col-4 __is_student">
                                {!! Form::label('student_profile',__('users.student_profile'),['class' => 'control-label']) !!}
                                {!! Form::select('is_student_profile', studentProfileOptions(), $selectedStudentProfileOption, [
                                    'class' => 'form-control',
                                    'onchange' => 'studentProfileDecision(this)'
                                ]) !!}
                            </div>
                                @if(!$data->student_rejected)
                                    <div class="custom-input-group colored-field-group mx-0 px-0 col-md-8 d-none profile_rejected">
                                        <div class="custom-input-group colored-field-group col-10">
                                            @php
                                                $reasonsArray = [];
                                                $studentRejectedReasons = getFieldDB(['student_rejected_reasons']);
                                                if($studentRejectedReasons){
                                                    $studentRejectedReasons  = isset($studentRejectedReasons['student_rejected_reasons']) && $studentRejectedReasons['student_rejected_reasons'] ? json_decode($studentRejectedReasons['student_rejected_reasons']) : [];
                                                    $reasonsArray = array_combine($studentRejectedReasons, $studentRejectedReasons);
                                                }
                                            @endphp
                                            {!! Form::label('profile_rejection_reason',__('users.profile_rejection_reason'),['class' => 'control-label']) !!}
                                            <div id="select-container">
                                            {!! Form::select('profile_rejection_reason[]', $reasonsArray, '', [
                                                'class' => 'form-control',
                                                'id' => 'profile_rejection_reasons'
                                            ]) !!}
                                            </div>
                                        </div>
                                        <div class="custom-input-group colored-field-group col-2 ml-0 pl-0 mt-4 pt-1">
                                            <button type="button" class="btn btn-primary" data-toggle="modal" data-target="#exampleModal">
                                                {{__('users.add_new_reason')}}
                                            </button>
                                        </div>

                                    </div>
                                    <div class ="row custom-input-group colored-field-group col-12 profile_rejected d-none ml-1 pl-3">
                                        {!! Form::label('reason_explanation',__('users.reason_explanation'),['class' => 'control-label col-md-12']) !!}
                                        <textarea name="reason_explanation" class="form-control col-md-12" col="3" row="50"></textarea>
                                    </div>
                                @endif
                                <div class="custom-input-group colored-field-group mx-0 px-0 col-md-8 {{$data->student_rejected ? 'd-none':'d-flex'}} profile_accepted">

                                    <div class="custom-input-group colored-field-group col-4 __is_student" style="display: {!! !isset($data->id) ? 'block' : ($data->user_type == 1 ? 'block' : 'none') !!}">
                                        {!! Form::label('student_verified',__('users.is_student_verified'),['class' => 'control-label']) !!}
                                        {!! Form::checkbox('student_verified' , $data->student_verified ?? 0 , $data->student_verified ?? 0 , ['class' => '']) !!}
                                    </div>
                                    <div class="custom-input-group colored-field-group col-8 __student_valid_till" style="display: {!! isset($data->student_verified) && $data->student_verified  ? 'block' : 'none' !!}">
                                        {!! Form::label('student_valid_till',__('users.student_valid_till'),['class' => 'control-label']) !!}
                                        {!! Form::text('student_valid_till' , $data->student_valid_till ? dateFormat($data->student_valid_till, DISPLAY_DATETIME2) : date(DISPLAY_DATETIME2), ['class' => 'form-control datepicker-input-sch']) !!}
                                    </div>
                                </div>
                                @if(isset($data->student_identity))
                                    <div class="custom-input-group colored-field-group col-12 __is_student">
                                        {!! Form::label('student_identity',__('users.student_identity'),['class' => 'control-label']) !!}
                                        <div class="popup-gallery">
                                            <a class="btn btn-rimary btn-sm px-4 view_idenity_btn font14" style="background: aliceblue;" target="_blank" href="{!! getImagePath($data->student_identity) !!}" title="{!! $data->student_identity !!}">
                                                {{--<img src="{!! getImagePath($data->student_identity) !!}" style="width: 100px;">--}}
                                                <span class="font16" style="padding-right: 2px">view</span>
                                                <i class="fa fa-eye" style="margin-top: 5px" aria-hidden="true"></i>
                                            </a>
                                        </div>
                                    </div>
                                @else
                                    <div class="custom-input-group colored-field-group col-12">
                                        {!! Form::label('student_identity',__('users.student_identity'),['class' => 'control-label']) !!}
                                       <div class="custom-file-upload-control">
                                            <div class="font13">
                                                {{ Form::file('student_identity', ['class' => 'gallery','accept' => 'image/*'])}}
                                            </div>
                                        </div>
                                    </div>
                                @endif
                            @endif
                        </div>
                    </div>

                    <!-- company details show in case of company user-->
                    <div class="col-xs-6 col-sm-6 col-md-6 col-lg-5 c-section hidden">
                        <div class="row">
                            <div class="custom-input-group colored-field-group col-12">
                                {{Form::label('company_name', __('users.company_name'), array('class' => 'control-label'))}}
                                {{ Form::text('company_name',$data->company_name, array('class' => 'form-control'))}}
                            </div>

                            <div class="custom-input-group colored-field-group col-12">
                                {{Form::label('organization_no', __('users.organization_no'), array('class' => 'control-label'))}}
                                {{ Form::text('organization_no',$data->organization_no, array('class' => 'form-control'))}}
                            </div>

                            <div class="custom-input-group colored-field-group col-12">
                                {{Form::label('invoice_email', __('users.invoice_email'), array('class' => 'control-label'))}}
                                {{ Form::email('invoice_email',$data->invoice_email, array('class' => 'form-control'))}}
                            </div>
                            <div class="custom-input-group colored-field-group col-12">
                                {{Form::label('mark', __('users.mark'), array('class' => 'control-label'))}}
                                {{ Form::text('mark',$data->position, array('class' => 'form-control'))}}
                            </div>
                            <div class="custom-input-group colored-field-group col-12">
                                {{Form::label('company_address', __('users.company_address'), array('class' => 'control-label'))}}
                                {{ Form::text('company_address',$data->company_address, array('class' => 'form-control'))}}
                            </div>
                            <div class="custom-input-group colored-field-group col-6">
                                {{Form::label('company_zip', __('users.company_zip'), array('class' => 'control-label'))}}
                                {{ Form::text('company_zip',$data->company_zip, array('class' => 'form-control'))}}
                            </div>
                            <div class="custom-input-group colored-field-group col-6">
                                {{Form::label('company_discount', __('users.company_discount'), array('class' => 'control-label'))}}
                                {{ Form::text('company_discount',$data->discount, array('class' => 'form-control'))}}
                            </div>
                            {{--<div class="custom-input-group colored-field-group col-6">
                                {{Form::label('partially_payment', __('users.partially_payment'), array('class' => 'control-label'))}}
                                <label class="yummy-switch-label">
                                    {{ Form::checkbox('partially_payment', $data->partially_payment ?? 0 , $data->partially_payment == 1 ? true : false) }}
                                    <span class="yummy-switch-box"></span>
                                </label>
                            </div>
                            <div class="custom-input-group colored-field-group col-6 __company_payable_percentage" style="{!! !$data->partially_payment ? 'display:none':'' !!}" >
                                {{Form::label('company_payable_percentage', __('users.company_payable_percentage'), array('class' => 'control-label'))}}
                                {{ Form::text('company_payable_percentage',$data->company_payable_percentage, array('class' => 'form-control'))}}
                            </div>--}}
                            <div class="custom-input-group colored-field-group col-6">
                                {{Form::label('is_employee_discount', __('users.is_employee_discount'), array('class' => 'control-label'))}}
                                <label class="yummy-switch-label">
                                    {{ Form::checkbox('is_employee_discount', $data->is_employee_discount ?? 0 , $data->is_employee_discount == 1 ? true : false) }}
                                    <span class="yummy-switch-box"></span>
                                </label>
                            </div>
                            <div class="custom-input-group colored-field-group col-6 __employee_discount" style="{!! !$data->is_employee_discount ? 'display:none':'' !!}">
                                {{Form::label('employee_discount', __('users.employee_discount'), array('class' => 'control-label'))}}
                                {{ Form::text('employee_discount',$data->employee_discount, array('class' => 'form-control'))}}
                            </div>
                        </div>
                    </div>

                    <!-- Company category in case of user is employee of company  -->
                    @if($data->user_type == 1 && $data->employee_company_id)
                        <div class="col-xs-6 col-sm-6 col-md-6 col-lg-5 c-section">
                            <div class="row">
                                <div class="custom-input-group colored-field-group col-6">
                                    {{Form::label('payable_category_id', __('users.employee_payable_category'), array('class' => 'control-label'))}}
                                    {{ Form::select('payable_category_id',['' => 'Select Category'] + companyCategory(),$data->payable_category_id, array('class' => 'form-control'))}}
                                </div>
                                <div class="custom-input-group colored-field-group col-6">
                                    {{Form::label('', __('users.employee_payable'), array('class' => 'control-label'))}}
                                    {{ Form::text('',employeePayablePer($data->payable_category_id), array('class' => 'form-control' , 'readonly' => true))}}
                                </div>
                            </div>
                        </div>
                    @endif


                    <div class="custom-input-group colored-field-group col-12">
                        <ul class="list-inline">
                            <li class="list-inline-item">

                                {{ Form::submit( __('common.save'), array('class' => 'btn btn-primary width80'))}}
                            </li>
                        </ul>
                    </div>
                </div>
                @php
                  $rejectionReasons = json_encode($studentRejectedReasons);
                @endphp
                <input type="hidden" id="RejectionReasons" name="rejection_reasons" value="{{$rejectionReasons}}"/>
                {{ Form::close()}}
                @if(is_object($data) && $data->id > 0)
                    <div class="order_history">
                        <table class="w-100 custom-datatable font13 mt-3">
                            <thead>
                                <tr>
                                    <th colspan="12" class="text-center" align="center">
                                        <h3>{{ __('orders.order_history') }}</h3>
                                    </th>
                                </tr>
                                <tr>
                                    <th class="font-medium font13 text-center">{{ __('orders.id') }}</th>
                                    <th class="font-medium font13 text-center" style="width: 12%">{{ __('orders.date') }}</th>
                                    <th class="font-medium font13 text-center">{{ __('orders.total_price') }}</th>
                                    <th class="font-medium font13 text-center" style="width: 10%">{{ __('orders.comments') }}</th>
                                    <th class="font-medium font13 text-center" style="width:12%">{{ __('orders.reward_earned') }}</th>
                                    <th class="font-medium font13 text-center">{{ __('orders.reward_consumed') }}</th>
                                    <th class="font-medium font13">{{ __('orders.balance') }}</th>
                                     </tr>
                            </thead>
                            <tbody class="text-muted font-medium " id="order-history">

                            </tbody>
                        </table>
                    </div>
                @endif
            </div>
        </div>

    </div>
</div>
<div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="exampleModalLabel">{{ __('users.reasons')}}</h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <div class="modal-body">
                <div id="reasonsForm">
                    @foreach ($studentRejectedReasons as $key => $value)
                    <div class="form-group reason-row row">
                        <div class="col-md-10">
                            <input type="text" name="reasons[]" class="form-control" value="{{ $value }}">
                        </div>
                        <div class="col-md-2">
                            <button type="button" class="btn btn-sm btn-danger delete-reason">{{ __('users.remove_reason') }}</button>
                        </div>
                    </div>
                    @endforeach
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-primary add-reason">{{ __('users.add_reason') }}</button>
                <button type="button" class="btn btn-success update-reason-btn" data-dismiss="modal" onclick="updateSelectOptions()" style="display: none;">Update</button>
            </div>
        </div>
    </div>
</div>

@endsection

@section('script')
<script type="text/javascript">
    loadMoreData(0,0,undefined);
    $(document).on("change", ".__allow_rewards", function() {
        if ($(this).prop("checked")) {
            $(".__allow_reward_input").show();
        } else {
            $(".__allow_reward_input").hide();
        }
    });

    $(document).on("change", ".u_type", function()
    {
        $('.c-section').addClass('hidden');
        $('.__is_student').show();
        var value = $(this).val();
        if (value == 2) {
            $('.c-section').removeClass('hidden');
            $('.__is_student').hide();
        }
    });

    $(document).on('change','[name="partially_payment"]',function(){
        if($(this).val() == '0'){
            $(this).val('1');
            $('.__company_payable_percentage').show();
        }else{
            $(this).val('0');
            $('.__company_payable_percentage').hide();
        }
    });

    $(document).on('change','[name="is_employee_discount"]',function(){
        if($(this).val() == '0'){
            $(this).val('1');
            $('.__employee_discount').show();
        }else{
            $(this).val('0');
            $('.__employee_discount').hide();
        }
    });

    $('input[name="student_verified"]').click(function(){
        $(this).val(($(this).val() == 0) ? 1 : 0);
        if($(this).val() == 0){
            $('.__student_valid_till').hide();
        }else{
            $('.__student_valid_till').show();
        }
    });

    $('body').on('click', '#load_more_button', function()
    {
        var id = $(this).data('id');
        var lastIndex = $(this).data('count');
        let totalRewards = $(this).data('last-reward');
        $('#load_more_button').html('<b>{!! __('common.loading') !!}</b>');
        var btnParent = $(this).parent().parent();
        loadMoreData(id, lastIndex, btnParent,totalRewards);
    });

    function loadMoreData(id, lastIndex, btnParent,totalRewards)
    {
        $.ajax({
            url:"{!! route('users.order-history') !!}",
            dataType: "html",
            type: "GET",
            data :{
                id:id,
                user_id : "{!! $data->id !!}",
                last_index:lastIndex,
                last_rewards:totalRewards
            }
        })
                .done(function (response) {
                    if(btnParent != undefined){
                        btnParent.remove();
                    }

                    $("#order-history").append(response);
                })
                .fail(function (jqXHR, ajaxOptions, thrownError) {
                    console.log('Server error occured');
                });
    }
    let originalReasons = [];
let previouslySelected = [];

$(document).ready(function() {
    initializeOriginalReasons();

    $('#exampleModal').on('show.bs.modal', function() {
        $(".update-reason-btn").hide();
        resetReasonsForm();
    });

    function initializeOriginalReasons() {
        $('#reasonsForm input[name="reasons[]"]').each(function() {
            const value = $(this).val().trim();
            if (value) {
                originalReasons.push(value);  // Store the non-empty initial values
            }
        });
    }

    function resetReasonsForm() {
        $('#reasonsForm').empty();  // Clear the form

        if (originalReasons.length === 0) {
            // If no original reasons, add one empty input field by default
            addEmptyReasonInput();
        } else {
            // Populate the form with the original reasons
            originalReasons.forEach(function(reason) {
                addReasonRow(reason);
            });
        }
    }

    // Function to add a reason row with a given value
    function addReasonRow(reason) {
        const reasonRow = `
            <div class="form-group reason-row row">
                <div class="col-md-10">
                    <input type="text" name="reasons[]" class="form-control" value="${reason}">
                </div>
                <div class="col-md-2">
                    <button type="button" class="btn btn-sm btn-danger delete-reason">{{ __('users.remove_reason') }}</button>
                </div>
            </div>`;
        $('#reasonsForm').append(reasonRow);
    }

    // Function to add an empty reason input field
    function addEmptyReasonInput() {
        const emptyReasonRow = `
            <div class="form-group reason-row row">
                <div class="col-md-10">
                   <input type="text" name="reasons[]" class="form-control" value="">
                </div>
                <div class="col-md-2">
                   <button type="button" class="btn btn-sm btn-danger delete-reason">{{ __('users.remove_reason') }}</button>
                </div>
            </div>`;
        $('#reasonsForm').append(emptyReasonRow);
    }

    // Add more reasons dynamically
    $('.add-reason').on('click', function() {
        $(".update-reason-btn").show();
        addEmptyReasonInput();
    });

    $(document).on('input', '#reasonsForm input[name="reasons[]"]', function() {
        $(".update-reason-btn").show(); // Show the update button when any input changes
    });

    // Delete a reason from the form
    $(document).on('click', '.delete-reason', function() {
        $(this).closest('.reason-row').remove();
        $(".update-reason-btn").show();
    });

    $('#exampleModal .btn-success').on('click', function() {
        updateSelectOptions();  // Call update when the "Update" button is clicked
    });

    $("#profile_rejection_reasons").select2({
        width: '100%',
        closeOnSelect: false
    });
});

// Function to update select options
function updateSelectOptions() {
    const reasonValues = [];
    $('#reasonsForm input[name="reasons[]"]').each(function() {
        const value = $(this).val().trim();
        if (value) {
            reasonValues.push(value);
        }
    });

    $("#RejectionReasons").val(JSON.stringify(reasonValues));

    originalReasons = reasonValues;
    previouslySelected = $('select[name="profile_rejection_reason[]"]').val() || [];

    const selectContainer = $('#select-container');
    selectContainer.empty();  // Clear the container

    const newSelect = $('<select></select>', {
        name: 'profile_rejection_reason[]',
        class: 'form-control select2'
    });

    reasonValues.forEach(function(reason) {
        const isSelected = previouslySelected.includes(reason);
        newSelect.append(new Option(reason, reason, isSelected, isSelected));  // Mark as selected if needed
    });

    selectContainer.append(newSelect);

    newSelect.select2({
        width: '100%',
        closeOnSelect: false  // Prevent dropdown from closing on selection
    });
}

    // Initial update of select2 options when the modal is loaded
    // updateSelectOptions();

function studentProfileDecision(event) {
    const selectedValue = event.value;  // Get the value from the event target
    if (selectedValue == 1) {
        $(".profile_accepted").removeClass('d-none').addClass('d-flex');  // Show accepted profile
        $(".profile_rejected").removeClass('d-flex').addClass('d-none');  // Hide rejected profile
    } else if (selectedValue == 2) {
        $(".profile_accepted").removeClass('d-flex').addClass('d-none');  // Hide accepted profile
        $(".profile_rejected").removeClass('d-none').addClass('d-flex');  // Show rejected profile
    }
}


</script>
@endsection