@extends('admin.layout')

<style>
    ul.tabs {
        margin: 0 auto 10px;
        padding: 15px 0;
        list-style: none;
        display: flex;
        border-radius: 0;
        justify-content: center;
        border-top: 1px solid #e7e7e7;
        border-bottom: 1px solid #e7e7e7;
    }

    ul.tabs li {
        color: #808080;
        display: inline-block;
        padding: 10px 15px;
        cursor: pointer;
        background: rgb(166 166 166 / 20%);
        border-radius: 0px;
        width: 33.33%;
        margin: 0 6px;
        text-align: center;
        font-weight: 600;
        border: 1px solid #cbcbcb;
        border-radius: 4px;
        font-size: 16px;
        /* box-shadow: 0 0 9px #c9c9c9; */
    }

    ul.tabs li.current,
    ul.tabs li:hover {
        background: #DB644D;
        color: #fff;
    }

    .tab-content {
        display: none;
    }

    .tab-content.current {
        display: inherit;
    }
</style>
@section('main')
    <div class="content-wrapper">
        <div class="content-header row mb-1">
            <div class="row breadcrumbs-top">
                <div class="col-12">

                    <div class="breadcrumb-wrapper">
                        <ol class="breadcrumb">
                            <li class="breadcrumb-item"><a href="{{ route('general.dashboard') }}"
                                    class="router-link-active spaSlug" target="_self"><svg xmlns="http://www.w3.org/2000/svg"
                                        width="16px" height="16px" viewBox="0 0 24 24" fill="none"
                                        stroke="currentColor" stroke-width="2" stroke-linecap="round"
                                        stroke-linejoin="round" class="align-text-top feather feather-home">
                                        <path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path>
                                        <polyline points="9 22 9 12 15 12 15 22"></polyline>
                                    </svg></a></li>
                            <li class="breadcrumb-item"><a href="{{ route('admin.designation') }}" target="_self"
                                    class="spaSlug"> Manage
                                    Designation
                                </a></li>
                            <li class="breadcrumb-item active"><span aria-current="location"> Add Designation </span>
                            </li>
                        </ol>
                    </div>
                </div>
            </div>
        </div>
        <div class="content-body">
            <section class="app-user-view">
                <!-- User Card & Plan Starts -->
                <div class="row">
                    <!-- User Card starts-->
                    <div class="col-xl-12">
                        <a href="{{ route('admin.designation') }}" class="mb-2 spaSlug"><i class="fa fa-arrow-left "></i>
                            Back</a>
                        <div class="card user-card border-primary mt-2">
                            <div class="card-body">

                                <!-- users Add account form start -->
                                {{ Form::open(['url' => '#', 'name' => 'validateForm', 'id' => 'validateForm', 'enctype' => 'multipart/form-data', 'class' => 'form-validate']) }}
                                <input type="hidden" name="iDesignationID" id="iDesignationID"
                                    value="@isset($editData->iDesignationID){{ $editData->iDesignationID }}@endisset">
                                <div class="row">
                                    <div class="col-md-3 mb-2">
                                        <div class="form-group mb-2">
                                            <label for="">Designation Name <span class="required">*</span></label>
                                            <input type="text" class="form-control" name="vDesignation" id="vDesignation"
                                                value="{{ isset($editData->vDesignation) ? $editData->vDesignation : '' }}">
                                        </div>
                                    </div>

                                    <div class="col-12 mt-2">
                                        <ul class="tabs">
                                            <li class="tab-link current" data-tab="tab-1">
                                                <i class="fa-solid fa-user-doctor mr-1"></i> Doctor's Contract
                                            </li>
                                            <li class="tab-link" data-tab="tab-2"><i
                                                    class="fa-solid fa-coins mr-1"></i>Proactive Sampling</li>
                                            <li class="tab-link" data-tab="tab-3"><i class="fa-solid fa-coins mr-1"></i>Camp
                                            </li>
                                            <li class="tab-link" data-tab="tab-4"><i
                                                    class="fa-solid fa-coins mr-1"></i>Other Services</li>
                                        </ul>
                                    </div>
                                    <div class="col-12">
                                        <div id="tab-1" class="tab-content current">
                                            <div class="row">

                                                <div class="col-md-12 mt-2">
                                                    <!-- User Permissions -->
                                                    <div class="card border-primary">

                                                        <div class="d-flex"
                                                            style="justify-content: space-between;align-items:center;    background: #476470;">
                                                            <h6 class="py-1 mx-1 mb-0 font-medium-2">
                                                                <i data-feather="lock"
                                                                    class="font-medium-3 mr-25 text-white"></i>
                                                                <span class="align-middle text-white">HO Roles &
                                                                    Permissions</span>
                                                            </h6>

                                                        </div>


                                                        <div class="table-responsive">
                                                            <table class="table table-striped table-borderless">

                                                                <tbody>
                                                                    @if (session('current_role') == 'admin' && Auth::user()->hasRole('admin'))
                                                                        @foreach ($permission as $key => $value)
                                                                            <tr>
                                                                                <th>{{ $value['vPermissionType'] }}</th>
                                                                                @foreach ($value['permission'] as $key2 => $value2)
                                                                                    <td>
                                                                                        <div
                                                                                            class="custom-control custom-checkbox">
                                                                                            <input type="checkbox"
                                                                                                class="custom-control-input {{ $value2['vLable'] == 'View' ? $value2['iPermissionTypeID'] . '_View' : $value2['iPermissionTypeID'] . '_Rest' }}"
                                                                                                id="{{ $value2['id'] }}"
                                                                                                name="permission[{{ $value2['id'] }}]"
                                                                                                value="{{ $value2['name'] }}"
                                                                                                onchange="checkView({{ $value2['iPermissionTypeID'] }},'{{ $value2['vLable'] }}')"
                                                                                                @if (isset($editData) && in_array($value2['id'], $editData['permission'])) checked @endif />
                                                                                            <label
                                                                                                class="custom-control-label"
                                                                                                for="{{ $value2['id'] }}">{{ $value2['vLable'] }}</label>
                                                                                        </div>
                                                                                        @if ($value2['name'] == 'doctor_approval_approve_reject')
                                                                                            <div>
                                                                                                <input type="number"
                                                                                                    name="biApprovalLimit"
                                                                                                    id="biApprovalLimit"
                                                                                                    value="{{ isset($editData->biApprovalLimit) ? $editData->biApprovalLimit : '' }}"
                                                                                                    class="form-control me-3 w-auto approve_limit_input"
                                                                                                    style="height: 25px; padding: 5px; border: 1px solid rgb(219, 100, 77); margin-left: 10px;">
                                                                                            </div>
                                                                                        @endif

                                                                                        @if ($value2['name'] == 'payment_approval_approve_reject')
                                                                                            <div>
                                                                                                <input type="number"
                                                                                                    name="paymentApprovalLimit"
                                                                                                    id="paymentApprovalLimit"
                                                                                                    value="{{ isset($editData->paymentApprovalLimit) ? $editData->paymentApprovalLimit : '' }}"
                                                                                                    class="form-control me-3 w-auto payment_approve_limit_input"
                                                                                                    style="height: 25px; padding: 5px; border: 1px solid rgb(219, 100, 77); margin-left: 10px;">
                                                                                            </div>
                                                                                        @endif
                                                                                    </td>
                                                                                @endforeach
                                                                            </tr>
                                                                        @endforeach
                                                                    @endif
                                                                </tbody>
                                                            </table>
                                                        </div>

                                                    </div>
                                                    <!-- /User Permissions -->
                                                </div>
                                                <div class="col-12 d-flex flex-sm-row flex-column mt-2">
                                                    <button type="submit"
                                                        class="btn btn-primary mb-1 mb-sm-0 mr-0 mr-sm-1"
                                                        id="submit">Save Changes</button>

                                                </div>
                                                {{ Form::close() }}
                                            </div>
                                        </div>
                                        <div id="tab-2" class="tab-content">
                                            <div class="row">

                                                <div class="col-md-12 mt-2">
                                                    <!-- User Permissions -->
                                                    <div class="card border-primary">

                                                        <div class="d-flex"
                                                            style="justify-content: space-between;align-items:center;    background: #476470;">
                                                            <h6 class="py-1 mx-1 mb-0 font-medium-2">
                                                                <i data-feather="lock"
                                                                    class="font-medium-3 mr-25 text-white"></i>
                                                                <span class="align-middle text-white">HO Roles &
                                                                    Permissions</span>
                                                            </h6>

                                                        </div>


                                                        <div class="table-responsive">
                                                            <table class="table table-striped table-borderless">

                                                                <tbody>
                                                                    @if (session('current_role') == 'admin' && Auth::user()->hasRole('admin'))
                                                                        @foreach ($counterfeitpermission as $key => $value)
                                                                            <tr>
                                                                                <th>{{ $value['vPermissionType'] }}</th>
                                                                                @foreach ($value['permission'] as $key2 => $value2)
                                                                                    <td>
                                                                                        <div
                                                                                            class="custom-control custom-checkbox">
                                                                                            <input type="checkbox"
                                                                                                class="custom-control-input {{ $value2['vLable'] == 'View' ? $value2['iPermissionTypeID'] . '_View' : $value2['iPermissionTypeID'] . '_Rest' }}"
                                                                                                id="{{ $value2['id'] }}"
                                                                                                name="counterfeitpermission[{{ $value2['id'] }}]"
                                                                                                value="{{ $value2['name'] }}"
                                                                                                onchange="checkView({{ $value2['iPermissionTypeID'] }},'{{ $value2['vLable'] }}')"
                                                                                                @if (isset($editData) && in_array($value2['id'], $editData['permission'])) checked @endif />
                                                                                            <label
                                                                                                class="custom-control-label"
                                                                                                for="{{ $value2['id'] }}">{{ $value2['vLable'] }}</label>
                                                                                        </div>


                                                                                    </td>
                                                                                @endforeach
                                                                            </tr>
                                                                        @endforeach
                                                                    @endif
                                                                </tbody>
                                                            </table>
                                                        </div>

                                                    </div>
                                                    <!-- /User Permissions -->
                                                </div>
                                                <div class="col-12 d-flex flex-sm-row flex-column mt-2">
                                                    <button type="submit"
                                                        class="btn btn-primary mb-1 mb-sm-0 mr-0 mr-sm-1"
                                                        id="submit">Save Changes</button>
                                                    <button type="reset" {{-- class="btn btn-outline-secondary mb-1 mb-sm-0 mr-0 mr-sm-1">Reset</button> --}} </div>
                                                </div>
                                                {{ Form::close() }}
                                            </div>
                                        </div>

                                        {{-- START Tab - 3 - CAMP --}}

                                        <div id="tab-3" class="tab-content">
                                            <div class="row">

                                                <div class="col-md-12 mt-2">
                                                    <!-- User Permissions -->
                                                    <div class="card border-primary">

                                                        <div class="d-flex"
                                                            style="justify-content: space-between;align-items:center;    background: #476470;">
                                                            <h6 class="py-1 mx-1 mb-0 font-medium-2">
                                                                <i data-feather="lock"
                                                                    class="font-medium-3 mr-25 text-white"></i>
                                                                <span class="align-middle text-white">HO Roles &
                                                                    Permissions</span>
                                                            </h6>

                                                        </div>


                                                        <div class="table-responsive">
                                                            <table class="table table-striped table-borderless">

                                                                <tbody>
                                                                    @if (session('current_role') == 'admin' && Auth::user()->hasRole('admin'))
                                                                        @foreach ($campPermission as $key => $value)
                                                                            <tr>
                                                                                <th>{{ $value['vPermissionType'] }}</th>
                                                                                @foreach ($value['permission'] as $key2 => $value2)
                                                                                    <td>
                                                                                        <div
                                                                                            class="custom-control custom-checkbox">
                                                                                            <input type="checkbox"
                                                                                                class="custom-control-input {{ $value2['vLable'] == 'View' ? $value2['iPermissionTypeID'] . '_View' : $value2['iPermissionTypeID'] . '_Rest' }}"
                                                                                                id="{{ $value2['id'] }}"
                                                                                                name="campPermission[{{ $value2['id'] }}]"
                                                                                                value="{{ $value2['name'] }}"
                                                                                                onchange="checkView({{ $value2['iPermissionTypeID'] }},'{{ $value2['vLable'] }}')"
                                                                                                @if (isset($editData) && in_array($value2['id'], $editData['permission'])) checked @endif />
                                                                                            <label
                                                                                                class="custom-control-label"
                                                                                                for="{{ $value2['id'] }}">{{ $value2['vLable'] }}</label>




                                                                                        </div>


                                                                                    </td>
                                                                                @endforeach
                                                                            </tr>
                                                                        @endforeach
                                                                    @endif
                                                                </tbody>
                                                            </table>
                                                        </div>

                                                    </div>
                                                    <!-- /User Permissions -->
                                                </div>
                                                <div class="col-12 d-flex flex-sm-row flex-column mt-2">
                                                    <button type="submit"
                                                        class="btn btn-primary mb-1 mb-sm-0 mr-0 mr-sm-1"
                                                        id="submit">Save Changes</button>
                                                    <button type="reset" {{-- class="btn btn-outline-secondary mb-1 mb-sm-0 mr-0 mr-sm-1">Reset</button> --}} </div>
                                                </div>
                                                {{ Form::close() }}
                                            </div>
                                        </div>

                                        {{-- END TAB - 3 CAMP --}}

                                        {{-- START Tab - 4 - OTHER SERVICES --}}

                                        <div id="tab-4" class="tab-content">
                                            <div class="row">

                                                <div class="col-md-12 mt-2">
                                                    <!-- User Permissions -->
                                                    <div class="card border-primary">

                                                        <div class="d-flex"
                                                            style="justify-content: space-between;align-items:center;    background: #476470;">
                                                            <h6 class="py-1 mx-1 mb-0 font-medium-2">
                                                                <i data-feather="lock"
                                                                    class="font-medium-3 mr-25 text-white"></i>
                                                                <span class="align-middle text-white">HO Roles &
                                                                    Permissions</span>
                                                            </h6>

                                                        </div>


                                                        <div class="table-responsive">
                                                            <table class="table table-striped table-borderless">

                                                                <tbody>
                                                                    @if (session('current_role') == 'admin' && Auth::user()->hasRole('admin'))
                                                                        @foreach ($otherServicePermission as $key => $value)
                                                                            <tr>
                                                                                <th>{{ $value['vPermissionType'] }}</th>
                                                                                @foreach ($value['permission'] as $key2 => $value2)
                                                                                    <td>
                                                                                        <div
                                                                                            class="custom-control custom-checkbox">
                                                                                            <input type="checkbox"
                                                                                                class="custom-control-input {{ $value2['vLable'] == 'View' ? $value2['iPermissionTypeID'] . '_View' : $value2['iPermissionTypeID'] . '_Rest' }}"
                                                                                                id="{{ $value2['id'] }}"
                                                                                                name="otherServicePermission[{{ $value2['id'] }}]"
                                                                                                value="{{ $value2['name'] }}"
                                                                                                onchange="checkView({{ $value2['iPermissionTypeID'] }},'{{ $value2['vLable'] }}')"
                                                                                                @if (isset($editData) && in_array($value2['id'], $editData['permission'])) checked @endif />
                                                                                            <label
                                                                                                class="custom-control-label"
                                                                                                for="{{ $value2['id'] }}">{{ $value2['vLable'] }}</label>
                                                                                        </div>

                                                                                        @if ($value2['name'] == 'other_activities_closure_review_approve_reject')
                                                                                            <div>
                                                                                                <input type="number"
                                                                                                    name="otherActivityClosureReviewLimit"
                                                                                                    id="otherActivityClosureReviewLimit"
                                                                                                    value="{{ isset($editData->otherActivityClosureReviewLimit) ? $editData->otherActivityClosureReviewLimit : '' }}"
                                                                                                    class="form-control me-3 w-auto other_activity_closure_review_input"
                                                                                                    style="height: 25px; padding: 5px; border: 1px solid rgb(219, 100, 77); margin-left: 10px;">
                                                                                            </div>
                                                                                        @endif

                                                                                        @if ($value2['name'] == 'other_activities_expense_pending_approve_reject')
                                                                                            <div>
                                                                                                <input type="number"
                                                                                                    name="otherActivityExpenseReviewLimit"
                                                                                                    id="otherActivityExpenseReviewLimit"
                                                                                                    value="{{ isset($editData->otherActivityExpenseReviewLimit) ? $editData->otherActivityExpenseReviewLimit : '' }}"
                                                                                                    class="form-control me-3 w-auto other_activity_expense_review_input"
                                                                                                    style="height: 25px; padding: 5px; border: 1px solid rgb(219, 100, 77); margin-left: 10px;">
                                                                                            </div>
                                                                                        @endif


                                                                                    </td>
                                                                                @endforeach
                                                                            </tr>
                                                                        @endforeach
                                                                    @endif
                                                                </tbody>
                                                            </table>
                                                        </div>

                                                    </div>
                                                    <!-- /User Permissions -->
                                                </div>
                                                <div class="col-12 d-flex flex-sm-row flex-column mt-2">
                                                    <button type="submit"
                                                        class="btn btn-primary mb-1 mb-sm-0 mr-0 mr-sm-1"
                                                        id="submit">Save Changes</button>
                                                    <button type="reset" {{-- class="btn btn-outline-secondary mb-1 mb-sm-0 mr-0 mr-sm-1">Reset</button> --}} </div>
                                                </div>
                                                {{ Form::close() }}
                                            </div>
                                        </div>

                                        {{-- END TAB - 4 OTHER SERVICES --}}
                                    </div>


                                </div>
                            </div>
                        </div>
                    </div>
                    <!-- User Card & Plan Ends -->


            </section>

        </div>
    </div>
@endsection
@section('scripts')
    <script>
        $(document).ready(function() {

            $.validator.addMethod("count1", function(value, element) {
                if ($('input[name="' + element.name + '"]:checked').length > 0) {
                    return true;
                } else {
                    return false;
                }
            }, "Please select atleast one permission.");
            jQuery.validator.addMethod("checklimit", function(value, element) {
                if ($("input[value='doctor_approval_approve_reject']").is(':checked') && (value ==
                        '' || value == 0)) {
                    return false;
                } else {
                    return true;
                }
            }, 'This field is required.');
            jQuery.validator.addMethod("checkpaymentlimit", function(value, element) {
                if ($("input[value='payment_approval_approve_reject']").is(':checked') && (value ==
                        '' || value == 0)) {
                    return false;
                } else {
                    return true;
                }
            }, 'This field is required.');

            $("#validateForm").validate({
                ignore: ".ignore",
                rules: {
                    vDesignation: {
                        required: true,
                    },
                    'permission[]': {
                        count1: true,
                    },
                    'biApprovalLimit': {
                        checklimit: true,
                    },
                    'paymentApprovalLimit': {
                        checkpaymentlimit: true,
                    },
                },
                submitHandler: function(form) {
                    // return false;
                    $("#submit").html('<span> Processing...</span>');
                    $("#submit").attr('disabled', true);

                    var formData = new FormData($("#validateForm")[0]);
                    $.ajax({
                        url: "{{ route('admin.designation.save') }}",
                        type: 'POST',
                        data: formData,
                        processData: false,
                        contentType: false,
                        dataType: "json",
                        success: function(response) {
                            if (response.status == 0) {
                                $("#submit").html('Submit');
                                $("#submit").attr('disabled', false);
                                $.notify(response.message, "error");
                            } else {
                                $("#vLogo").rules("add", {
                                    required: true,
                                    accept: "png"
                                });
                                $.notify(response.message, "success");
                                $("#submit").attr('disabled', false);
                                $("#submit").html('Submit');
                                window.location.replace(
                                    '{{ route('admin.designation') }}');

                            }
                        },
                        error: function(jqXHR, textStatus, errorThrown) {
                            if (jqXHR.status == 419) {
                                $.notify("Please refresh the Page", "error");
                            } else if (jqXHR.status == 500) {
                                $.notify("Please try after a few minutes", "error");
                            } else {
                                $.notify(jqXHR.responseJSON.message, "error");
                            }

                            var flag = 0;
                            $("#submit").html('Submit');
                            $("#submit").attr('disabled', false);
                            $.each(jqXHR.responseJSON.errors, function(index, data) {
                                if (flag == 0) {
                                    $('input[name="' + index + '"]').focus();
                                    flag = 1;
                                }
                                if (document.getElementsByName(index)[0]
                                    .tagName == "INPUT" && document
                                    .getElementsByName(index)[0].type != 'radio'
                                ) {
                                    $('input[name="' + index + '"]').after(
                                        '<label id="' + index +
                                        '-error" class="error" for="' +
                                        index + '">' + data + '</label>');
                                } else if (document.getElementsByName(index)[0]
                                    .tagName == "SELECT") {
                                    $('select[name="' + index + '"]').after(
                                        '<label id="' + index +
                                        '-error" class="error" for="' +
                                        index + '">' + data + '</label>');
                                } else if (document.getElementsByName(index)[0]
                                    .tagName == "TEXTAREA") {
                                    $('textarea[name="' + index + '"]').after(
                                        '<label id="' + index +
                                        '-error" class="error" for="' +
                                        index + '">' + data + '</label>');
                                } else if (document.getElementsByName(index)[0]
                                    .tagName == "INPUT" && document
                                    .getElementsByName(index)[0].type == 'radio'
                                ) {
                                    $('input[name="' + index + '"]').after(
                                        '<label id="' + index +
                                        '-error" class="error" for="' +
                                        index + '">' + data + '</label>');
                                }
                            });
                        }
                    }); //ajax
                }
            });
        });

        function checkView(id, lable) {
            if (lable != 'View') {
                $("." + id + "_View").prop("checked", true);
            } else if (!$("." + id + "_View").prop("checked")) {
                $("." + id + "_Rest").prop("checked", false);
            }
        }

        $(".approve_limit_input").hide();
        $("input[value='doctor_approval_approve_reject']").on('click', function() {
            toggle_approve_limit();
        })
        toggle_approve_limit();

        function toggle_approve_limit() {
            if ($("input[value='doctor_approval_approve_reject']").is(':checked')) {
                $(".approve_limit_input").show();
            } else {
                $(".approve_limit_input").hide();
                $("#biApprovalLimit-error").remove();
            }
        }


        $(".payment_approve_limit_input").hide();
        $("input[value='payment_approval_approve_reject']").on('click', function() {
            payment_toggle_approve_limit();
        })
        payment_toggle_approve_limit();

        function payment_toggle_approve_limit() {
            if ($("input[value='payment_approval_approve_reject']").is(':checked')) {
                $(".payment_approve_limit_input").show();
            } else {
                $(".payment_approve_limit_input").hide();
                $("#paymentApprovalLimit-error").remove();
            }
        }


                $(".other_activity_closure_review_input").hide();
        $("input[value='other_activities_closure_review_approve_reject']").on('click', function() {
            toggle_closure_approval_limit();
        })
        toggle_closure_approval_limit();

        function toggle_closure_approval_limit() {
            if ($("input[value='other_activities_closure_review_approve_reject']").is(':checked')) {
                $(".other_activity_closure_review_input").show();
            } else {
                $(".other_activity_closure_review_input").hide();
                $("#otherActivityClosureReviewLimit-error").remove();
            }
        }

        $(".other_activity_expense_review_input").hide();
        $("input[value='other_activities_expense_pending_approve_reject']").on('click', function() {
            toggle_expense_approval_limit();
        })
        toggle_expense_approval_limit();

        function toggle_expense_approval_limit() {
            if ($("input[value='other_activities_expense_pending_approve_reject']").is(':checked')) {
                $(".other_activity_expense_review_input").show();
            } else {
                $(".other_activity_expense_review_input").hide();
                $("#otherActivityExpenseReviewLimit-error").remove();
            }
        }
    </script>

    <script>
        $(document).ready(function() {

            $('ul.tabs li').click(function() {
                var tab_id = $(this).attr('data-tab');

                $('ul.tabs li').removeClass('current');
                $('.tab-content').removeClass('current');

                $(this).addClass('current');
                $("#" + tab_id).addClass('current');
            })

        })
    </script>
@endsection