@extends('user.layout.layout')

@section('content')
    <div class="container-fluid">
        <div class="top_bar">
            <div class="row g-2">
                <div class="col-lg-auto col-auto my-auto">
                    <div class="main_title">
                        <h3>Manage Incentive</h3>
                    </div>
                </div>
                <div class="col-lg-auto col-auto ms-auto my-auto">
                    @php
                        $currentMonth = $data['monthData']['name'];

                        $date = DateTime::createFromFormat('F', $currentMonth);

                        if ($date) {
                            $date->modify('-2 months');

                            $data['monthData']['name'] = $date->format('F');
                        }
                    @endphp

                    <div class="main_title">
                        <h3>Incentive {{ $data['monthData']['name'] }} {{ $data['fyYearData']['name'] }}</h3>
                    </div>
                </div>
                <div class="col-lg-auto col-auto g-2">
                    <div class="select_bg d-flex align-items-center flex-wrap">
                        <div class="ms-2">
                            <select class="select2 js-example-basic-single select-label form-control w-100"
                                name="monthIdFilter" id="monthIdFilter">
                                <option value="" selected disabled>All Month</option>
                                @foreach ($data['allMonthsData'] as $key => $rowMonthData)
                                    <option value="{{ Crypt::encrypt($rowMonthData['id']) }}"
                                        {{ $rowMonthData['id'] == $data['incentiveData']['month_id'] ? 'selected' : '' }}>
                                        {{ $rowMonthData['name'] }}</option>
                                @endforeach
                            </select>
                        </div>
                        <div class="ms-2">
                            <select class="select2 js-example-basic-single select-label form-control w-100"
                                name="yearIdFilter" id="yearIdFilter">
                                <option value="" selected disabled>All Year</option>
                                @foreach ($data['allFyYearsData'] as $key => $rowFyYearsData)
                                    <option value="{{ Crypt::encrypt($rowFyYearsData['id']) }}"
                                        {{ $rowFyYearsData['id'] == $data['incentiveData']['year_id'] ? 'selected' : '' }}>
                                        {{ $rowFyYearsData['name'] }}</option>
                                @endforeach
                            </select>
                        </div>
                        <a href="javascript:void(0);" id="searchData" class="btn btn-primary ms-2"><i
                                class="fa fa-search"></i></a>
                        <a href="javascript:void(0);" id="clearData" class="btn btn-danger ms-2"><i
                                class="fa fa-times"></i></a>
                    </div>
                </div>
            </div>
        </div>
        <!--  Row 1 -->

        {{-- Status Manage --}}
        <div class="row">
            <div class="col-12">
                <div class="white_round">
                    <div class="time_line">
                        <div id="insentive_calculated" class="item complted_check">
                            <div class="icon_watch">
                                <i class="fa-solid fa-clock"></i>
                                <i class="fa-solid fa-rotate"></i>
                                <i class="fa-solid fa-circle-check"></i>
                            </div>
                            <p>Sales Admin Import</p>
                            {{-- <span>(12 Feb 2024 06:31 AM)</span> --}}
                        </div>
                        <div id="account_update_pending" class="item complted_check">
                            <div class="icon_watch">
                                <i class="fa-solid fa-clock"></i>
                                <i class="fa-solid fa-rotate"></i>
                                <i class="fa-solid fa-circle-check"></i>
                            </div>
                            <p>Account Import</p>
                            {{-- <span>(12 Feb 2024 06:31 AM)</span> --}}
                        </div>
                        <div id="admin_review_pending" class="item complted_check">
                            <div class="icon_watch">
                                <i class="fa-solid fa-clock"></i>
                                <i class="fa-solid fa-rotate"></i>
                                <i class="fa-solid fa-circle-check"></i>
                            </div>
                            <p>Sales Review</p>
                            {{-- <span>(12 Feb 2024 06:31 AM)</span> --}}
                        </div>
                        <div id="account_review_pending" class="item blue_rotate">
                            <div class="icon_watch">
                                <i class="fa-solid fa-clock"></i>
                                <i class="fa-solid fa-rotate"></i>
                                <i class="fa-solid fa-circle-check"></i>
                            </div>
                            <p>Account Review</p>
                        </div>
                        <div id="cso_review_pending" class="item up_coming">
                            <div class="icon_watch">
                                <i class="fa-solid fa-clock"></i>
                                <i class="fa-solid fa-rotate"></i>
                                <i class="fa-solid fa-circle-check"></i>
                            </div>
                            <p>CSO Review</p>
                        </div>
                        <div id="hr_review_pending" class="item up_coming">
                            <div class="icon_watch">
                                <i class="fa-solid fa-clock"></i>
                                <i class="fa-solid fa-rotate"></i>
                                <i class="fa-solid fa-circle-check"></i>
                            </div>
                            <p>HR Review</p>
                        </div>
                        <div id="c_b_review_pending" class="item up_coming">
                            <div class="icon_watch ">
                                <i class="fa-solid fa-clock"></i>
                                <i class="fa-solid fa-rotate"></i>
                                <i class="fa-solid fa-circle-check"></i>
                            </div>
                            <p>C&B Review</p>
                        </div>
                        <div id="hr_final_review_pending" class="item up_coming">
                            <div class="icon_watch ">
                                <i class="fa-solid fa-clock"></i>
                                <i class="fa-solid fa-rotate"></i>
                                <i class="fa-solid fa-circle-check"></i>
                            </div>
                            <p>HR Final Review</p>
                        </div>
                        <div id="c_b_final_review_pending" class="item up_coming">
                            <div class="icon_watch ">
                                <i class="fa-solid fa-clock"></i>
                                <i class="fa-solid fa-rotate"></i>
                                <i class="fa-solid fa-circle-check"></i>
                            </div>
                            <p>C&B Final Review</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        {{-- Status Manage End --}}

        <div class="row">

            <div class="col-12">

                <div class="view_output">
                    <div class="incentive_tab_in">

                        <div class="white_round">
                            <div class="row justify-content-between">
                                {{-- <div class="col-lg-auto col-md-auto col-auto my-auto">
                                    <div class="main_title">
                                        <h2>View Output</h2>
                                    </div>
                                </div> --}}
                                <div class="col-lg-auto col-md-auto col-auto my-auto ms-auto">
                                    <div class="d-flex flex-wrap">
                                        <div class="status_br me-2">
                                            <span class="unhold"> <img src="{{ asset('assets/images/unhold.png') }}">
                                                Unhold</span>
                                        </div>
                                        <div class="status_br me-2">
                                            <span class="modified"> <img src="{{ asset('assets/images/flag.png') }}">
                                                Modified</span>
                                        </div>
                                        <div class="status_br me-2">
                                            <span class="hold"> <img src="{{ asset('assets/images/hold.png') }}">
                                                Hold</span>
                                        </div>
                                        <div class="status_br me-2">
                                            <span class="rejected"> <img src="{{ asset('assets/images/close.png') }}">
                                                Rejected</span>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-lg-auto col-md-auto col-auto my-auto">
                                    @switch($data['incentiveData']['current_status'])
                                        @case('admin_import_pending')
                                        @case('insentive_calculated')
                                        @break

                                        @case('account_update_pending')
                                        @case('account_insentive_calculated')
                                            @if (auth()->user()->role == 'account')
                                                <a href="javascript:void(0);" type="button" class="btn  btn-outline-primary"
                                                    onclick="process_for_next_step('{{ $data['incentiveData']['id'] }}','{{ $data['incentiveData']['current_status'] }}')"><img
                                                        src="{{ asset('assets/images/send-message.png') }}" class="me-2">
                                                    Process
                                                    For Admin
                                                    Review</a>
                                            @endif
                                        @break

                                        @case('admin_review_pending')
                                            @if (auth()->user()->role == 'admin')
                                                <a href="javascript:void(0);" type="button" class="btn  btn-outline-primary"
                                                    onclick="process_for_next_step('{{ $data['incentiveData']['id'] }}','{{ $data['incentiveData']['current_status'] }}')"><img
                                                        src="{{ asset('assets/images/send-message.png') }}" class="me-2">
                                                    Process
                                                    For Account
                                                    Review</a>
                                            @endif
                                        @break

                                        @case('account_review_pending')
                                            @if (auth()->user()->role == 'account')
                                                <a href="javascript:void(0);" type="button" class="btn  btn-outline-primary"
                                                    onclick="process_for_next_step('{{ $data['incentiveData']['id'] }}','{{ $data['incentiveData']['current_status'] }}')"><img
                                                        src="{{ asset('assets/images/send-message.png') }}" class="me-2">
                                                    Process
                                                    For CSO
                                                    Review</a>
                                            @endif
                                        @break

                                        @case('cso_review_pending')
                                            @if (auth()->user()->role == 'cso')
                                                <a href="javascript:void(0);" type="button" class="btn  btn-outline-primary"
                                                    onclick="process_for_next_step('{{ $data['incentiveData']['id'] }}','{{ $data['incentiveData']['current_status'] }}')"><img
                                                        src="{{ asset('assets/images/send-message.png') }}" class="me-2">
                                                    Process
                                                    For HR
                                                    Review</a>
                                            @endif
                                        @break

                                        @case('hr_review_pending')
                                            @if (auth()->user()->role == 'hr')
                                                <a href="javascript:void(0);" type="button" class="btn  btn-outline-primary"
                                                    onclick="process_for_next_step('{{ $data['incentiveData']['id'] }}','{{ $data['incentiveData']['current_status'] }}')"><img
                                                        src="{{ asset('assets/images/send-message.png') }}" class="me-2">
                                                    Process
                                                    For C&B Review</a>
                                            @endif
                                        @break

                                        @case('c_b_review_pending')
                                            @if (auth()->user()->role == 'cnb')
                                                <a href="javascript:void(0);" type="button" class="btn  btn-outline-primary"
                                                    onclick="process_for_next_step('{{ $data['incentiveData']['id'] }}','{{ $data['incentiveData']['current_status'] }}')"><img
                                                        src="{{ asset('assets/images/send-message.png') }}" class="me-2">
                                                    Process
                                                    For HR Final Review</a>
                                            @endif
                                        @break

                                        @case('hr_final_review_pending')
                                            @if (auth()->user()->role == 'hr')
                                                <a href="javascript:void(0);" type="button" class="btn  btn-outline-primary"
                                                    onclick="process_for_next_step('{{ $data['incentiveData']['id'] }}','{{ $data['incentiveData']['current_status'] }}')"><img
                                                        src="{{ asset('assets/images/send-message.png') }}" class="me-2">
                                                    Process
                                                    For C&B Final Review</a>
                                            @endif
                                        @break

                                        @case('c_b_final_review_pending')
                                            @if (auth()->user()->role == 'cnb')
                                                <a href="javascript:void(0);" type="button" class="btn  btn-outline-primary"
                                                    onclick="process_for_next_step('{{ $data['incentiveData']['id'] }}','{{ $data['incentiveData']['current_status'] }}')"><img
                                                        src="{{ asset('assets/images/send-message.png') }}" class="me-2">
                                                    Approve</a>
                                            @endif
                                        @break

                                        @case('approved')
                                        @break

                                        @default
                                    @endswitch
                                </div>
                            </div>
                            <div class="row">
                                <div class="white_round box_shadow">
                                    <div class="row">

                                        <div class="col-lg-auto col-md-auto col-auto my-auto ms-auto">
                                            <div class="tabs_file p-0">
                                                {{-- <ul class="tabs">
                                                    <li class="tab-link current active" data-tab="tab-1" id="dealwiseDataShow" href="javascript:void(0);">Dealwise</li>
                                                    <li  class="tab-link" data-tab="tab-2" href="javascript:void(0);">EmployWise</li>
                                                </ul> --}}
                                                <ul class="tabs">
                                                    <li class="tab-link current" id="dealwiseDataShow" data-tab="tab-1">
                                                        Dealwise</li>
                                                    <li class="tab-link" data-tab="tab-2">EmployWise</li>
                                                </ul>

                                            </div>
                                        </div>
                                        <div class="col-lg-auto col-md-auto col-auto my-auto">
                                            <button type="button" onclick="download_incentive_data()"
                                                class="btn  btn-primary"><img
                                                    src="{{ asset('assets/images/excel.png') }}" class="me-2"> Export
                                                excel</button>
                                        </div>

                                        @if (
                                            $data['incentiveData']['current_status'] == 'approved' &&
                                                $data['incentiveData']['is_inprocess_employee_incentive_final_calculation'] == 'Y' &&
                                                auth()->user()->role == 'admin')
                                            <div class="col-lg-auto col-md-auto col-auto my-auto">
                                                <button type="button" onclick="download_final_incentive_data()"
                                                    class="btn  btn-primary"><img
                                                        src="{{ asset('assets/images/excel.png') }}" class="me-2">
                                                    Export
                                                    Employee Incentive</button>
                                            </div>
                                            <div class="col-lg-auto col-md-auto col-auto my-auto">
                                                <button type="button" onclick="download_final_incentive_data('y')"
                                                    class="btn  btn-primary"><img
                                                        src="{{ asset('assets/images/excel.png') }}" class="me-2">
                                                    Export YTD
                                                    Employee Incentive</button>
                                            </div>
                                        @endif
                                    </div>

                                    <div class="col-12">
                                        <div class="table_specing">

                                            <div id="tab-1" class="tab-content current">
                                                <div class="row">
                                                    <div class="col-lg-auto col-md-auto col-auto my-auto pb-3">
                                                        <div class="main_title">
                                                            <h2>Dealwise Incentive</h2>
                                                        </div>
                                                    </div>
                                                </div>
                                                <table id="dealwiseDataTable" class="table table-striped data-table-dr"
                                                    style="width:100%">
                                                    <thead>
                                                        <tr>
                                                            <th>Sr No</th>
                                                            <th>Project</th>
                                                            <th>Application Date</th>
                                                            <th>CRN No</th>
                                                            <th>Net Value</th>
                                                            <th>Actual Net Value</th>
                                                            <th>Amount Received</th>
                                                            <th>Registration Date</th>
                                                            <th>Incentive Amount</th>
                                                            <th>Person Involved</th>
                                                            <th>Status</th>
                                                            <th>Action</th>
                                                            <th>Date And Time</th>
                                                        </tr>
                                                    </thead>
                                                    <tbody>
                                                    </tbody>
                                                </table>
                                            </div>
                                            <div id="tab-2" class="tab-content">
                                                <div class="row">
                                                    <div class="col-lg-auto col-md-auto col-auto my-auto pb-3">
                                                        <div class="main_title">
                                                            <h2>EmployWise Incentive</h2>
                                                        </div>
                                                    </div>
                                                </div>
                                                <table id="employeewiseDataTable"
                                                    class="table table-striped data-table-dr" style="width:100%"
                                                    style="display: none">
                                                    <thead>
                                                        <tr>
                                                            <th>Sr No</th>
                                                            <th>Employee Code</th>
                                                            <th>Employee Name</th>
                                                            <th>Designation</th>
                                                            <th>Category</th>
                                                            <th>Salary</th>
                                                            <th>Incentive Amount</th>
                                                            <th>Total Deals</th>
                                                            <th>Action</th>
                                                            <th>Date And Time</th>
                                                        </tr>
                                                    </thead>
                                                    <tbody>
                                                    <tbody>
                                                </table>
                                            </div>

                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    </div>

    <!-- Employeewise Incentive Modal -->
    <div class="modal fade" id="employeewise_incentive" tabindex="-1" aria-labelledby="exampleModalLabel"
        aria-hidden="true">
        <div class="modal-dialog modal-dialog-centered modal-xl">
            <div class="modal-content">
                <div class="modal-header">
                    <h2 class="modal-title fs-5" id="exampleModalLabel">Employee Wise Incentive</h2>
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <div class="modal-body">
                    <div class="row">
                        <div class="col-12">
                            <ul class="pr_detiles">
                                <li>Project Name : <b id="project_name">NA</b></li>
                                <li>CRN No : <b id="crn_no">0</b></li>
                                {{-- <li>Actual CV Value : <b id="actual_cv_value">0</b></li> --}}
                                <li>Incentive Amount : <b id="deal_incentive_amount">-</b></li>
                                <li>CSO Pot Used : <b id="cso_pot_used">-</b></li>
                                <li>ANV : <b id="anv_value">-</b></li>
                            </ul>
                            <div class="table_specing">
                                <table id="modalEmployeewiseDataTable" class="table table-striped data-table-dr"
                                    style="width:100%">
                                    <thead>
                                        <tr>
                                            <th>Sr No</th>
                                            <th>Employee Code</th>
                                            <th>Employee Name</th>
                                            <th>Employee Level</th>
                                            <th>Designation</th>
                                            <th>Dealwise Designation</th>
                                            <th>Incentive Amount</th>
                                            <th>Action</th>
                                            <th>Date And Time</th>
                                        </tr>
                                    </thead>
                                    <tbody>

                                    <tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="modal-footer justify-content-center">
                    <!-- <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button> -->
                    {{-- <button type="button" class="btn btn-primary">Save</button> --}}
                </div>
            </div>
        </div>
    </div>

    <!-- Dealwise Incentive Modal -->
    <div class="modal fade" id="propertywise_incentive" tabindex="-1" aria-labelledby="exampleModalLabel"
        aria-hidden="true">
        <div class="modal-dialog modal-dialog-centered modal-xl">
            <div class="modal-content">
                <div class="modal-header">
                    <h2 class="modal-title fs-5" id="exampleModalLabel">Deal Wise Incentive</h2>
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <div class="modal-body">
                    <div class="row">
                        <div class="col-12">
                            <ul class="pr_detiles">
                                <li>Employee Name : <b id="employee_name">NA</b></li>
                                <li>Employee Code : <b id="employee_code">0</b></li>
                                <li>Salary : <b id="employee_salary">0</b></li>
                            </ul>
                            <div class="table_specing">
                                <table id="modalDealwiseDataTable" class="table table-striped data-table-dr"
                                    style="width:100%">
                                    <thead>
                                        <tr>
                                            <th>Sr No</th>
                                            <th>Project Name</th>
                                            <th>Application Date</th>
                                            <th>CRN No</th>
                                            <th>Actual Net Value</th>
                                            <th>Incentive Amount</th>
                                            <th>Action</th>
                                            <th>Date And Time</th>
                                        </tr>
                                    </thead>
                                    <tbody>

                                    <tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="modal-footer justify-content-center">
                    <!-- <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button> -->
                    {{-- <button type="button" class="btn btn-primary">Save</button> --}}
                </div>
            </div>
        </div>
    </div>

    <!-- Modal Change -->
    <div class="modal fade" id="close_rs" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
        <div class="modal-dialog modal-dialog-centered">
            <div class="modal-content">
                <div class="modal-header">
                    <h2 class="modal-title fs-5" id="exampleModalLabel">Are you sure?</h2>
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <div class="modal-body">
                    <div class="close_content">
                        <h4>Are you sure you want to Reject?</h4>
                        <div class="text-center">
                            <button type="button" class="btn btn-red">Yes</button>
                            <button type="button" class="btn btn-green">No</button>
                        </div>
                    </div>
                    <br>
                </div>
            </div>
        </div>
    </div>

    <!-- Employee Incentive Edit -->
    <div class="modal fade" id="edit_employee_incentive_model" tabindex="-1" aria-labelledby="exampleModalLabel"
        aria-hidden="true">
        <div class="modal-dialog modal-dialog-centered">
            <div class="modal-content">
                <div class="modal-header">
                    <h2 class="modal-title fs-5" id="exampleModalLabel">Employee Incentive</h2>
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                {!! Form::open([
                    'url' => '#',
                    'name' => 'edit_employee_incentive_form',
                    'id' => 'edit_employee_incentive_form',
                    'enctype' => 'multipart/form-data',
                ]) !!}
                <input type="hidden" id="employee_data_id" name="employee_data_id">
                <div class="modal-body">
                    <div class="mb-3">
                        <label for="employee_incenitve" class="form-label">Employee Incenitve</label>
                        <input type="text" class="form-control" id="employee_incenitve" name="employee_incenitve"
                            placeholder="Enter Employee Incentive">
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="submit" id="submitEmployee" class="btn btn-primary">Save</button>
                </div>
                {!! Form::close() !!}
            </div>
        </div>
    </div>

    <!-- Show Remarks -->
    <div class="modal fade" id="show_remark" tabindex="-1" aria-labelledby="showRemarkModalLabel" aria-hidden="true">
        <div class="modal-dialog modal-dialog-centered">
            <div class="modal-content">
                <div class="modal-header">
                    <h2 class="modal-title fs-5" id="showRemarkModalLabel">Remark</h2>
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <div class="modal-body">
                    <div class="close_content">
                        {{-- <div class="text-center"> --}}
                        <textarea name="showRemarks" id="showRemarks" cols="30" rows="10" disabled></textarea>
                        {{-- </div> --}}
                    </div>
                    <br>
                </div>
            </div>
        </div>
    </div>
@endsection

@section('customJs')
    <script>
        $('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');
        })

        $('.disabled_remove').click(function() {
            $('.input_edit .form-control').removeAttr('disabled');
        });
    </script>


    <script>
        $('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');
        })

        $('.disabled_remove').click(function() {
            $('.input_edit .form-control').removeAttr('disabled');
        });
    </script>

    <script>
        $(document).ready(function() {
            $("#insentive_calculated,#account_update_pending,#admin_review_pending, #account_review_pending, #cso_review_pending, #hr_review_pending, #c_b_review_pending, #hr_final_review_pending, #c_b_final_review_pending")
                .removeClass('up_coming blue_rotate complted_check');
            switch ("{{ $data['incentiveData']['current_status'] }}") {
                case 'admin_import_pending':
                case 'insentive_calculated':
                    $("#insentive_calculated,#account_update_pending,#admin_review_pending, #account_review_pending, #cso_review_pending, #hr_review_pending, #c_b_review_pending, #hr_final_review_pending, #c_b_final_review_pending")
                        .addClass('up_coming');
                    break;
                case 'account_update_pending':
                case 'account_insentive_calculated':
                    $("#insentive_calculated").addClass('complted_check');
                    $("#account_update_pending").addClass('blue_rotate');
                    $("#admin_review_pending, #account_review_pending, #cso_review_pending, #hr_review_pending, #c_b_review_pending, #hr_final_review_pending, #c_b_final_review_pending")
                        .addClass('up_coming');
                    break;
                case 'admin_review_pending':
                case 'admin_final_insentive_calculated':
                    $("#insentive_calculated,#account_update_pending").addClass('complted_check');
                    $("#admin_review_pending").addClass('blue_rotate');
                    $("#account_review_pending, #cso_review_pending, #hr_review_pending, #c_b_review_pending, #hr_final_review_pending, #c_b_final_review_pending")
                        .addClass('up_coming');
                    break;
                case 'account_review_pending':
                    $("#insentive_calculated,#account_update_pending,#admin_review_pending").addClass(
                        'complted_check');
                    $("#account_review_pending").addClass('blue_rotate');
                    $("#cso_review_pending, #hr_review_pending, #c_b_review_pending, #hr_final_review_pending, #c_b_final_review_pending")
                        .addClass('up_coming');
                    break;
                case 'cso_review_pending':
                    $("#insentive_calculated,#account_update_pending,#admin_review_pending,#account_review_pending")
                        .addClass(
                            'complted_check');
                    $("#cso_review_pending").addClass('blue_rotate');
                    $("#hr_review_pending, #c_b_review_pending, #hr_final_review_pending, #c_b_final_review_pending")
                        .addClass('up_coming');
                    break;
                case 'hr_review_pending':
                    $("#insentive_calculated,#account_update_pending,#admin_review_pending,#account_review_pending,#cso_review_pending")
                        .addClass(
                            'complted_check');
                    $("#hr_review_pending").addClass('blue_rotate');
                    $("#c_b_review_pending, #hr_final_review_pending, #c_b_final_review_pending")
                        .addClass('up_coming');
                    break;
                case 'c_b_review_pending':
                    $("#insentive_calculated,#account_update_pending,#admin_review_pending,#account_review_pending,#cso_review_pending,#hr_review_pending")
                        .addClass(
                            'complted_check');
                    $("#c_b_review_pending").addClass('blue_rotate');
                    $("#hr_final_review_pending, #c_b_final_review_pending")
                        .addClass('up_coming');
                    break;
                case 'hr_final_review_pending':
                    $("#insentive_calculated,#account_update_pending,#admin_review_pending,#account_review_pending,#cso_review_pending,#hr_review_pending,#c_b_review_pending")
                        .addClass(
                            'complted_check');
                    $("#hr_final_review_pending").addClass('blue_rotate');
                    $("#c_b_final_review_pending")
                        .addClass('up_coming');
                    break;
                case 'c_b_final_review_pending':
                    $("#insentive_calculated,#account_update_pending,#admin_review_pending,#account_review_pending,#cso_review_pending,#hr_review_pending,#c_b_review_pending,#hr_final_review_pending")
                        .addClass(
                            'complted_check');
                    $("#c_b_final_review_pending").addClass('blue_rotate');
                    break;
                case 'approved':
                    $("#insentive_calculated,#account_update_pending,#admin_review_pending, #account_review_pending, #cso_review_pending, #hr_review_pending, #c_b_review_pending, #hr_final_review_pending, #c_b_final_review_pending")
                        .addClass('complted_check');
                    break;
                default:
                    $("#insentive_calculated,#account_update_pending,#admin_review_pending, #account_review_pending, #cso_review_pending, #hr_review_pending, #c_b_review_pending, #hr_final_review_pending, #c_b_final_review_pending")
                        .addClass('up_coming');
                    break;
            }


            var i = 1;
            var table = $("#dealwiseDataTable").DataTable({
                scrollX: true,
                destroy: true,
                processing: true,
                serverSide: true,
                // responsive: false,
                // autoWidth: true,
                ajax: {
                    url: "{{ route('user.incentive.dealwise.analytic') }}",
                    data: function(d) {
                        (d._token = "{{ csrf_token() }}"),
                        (d.month_id = $("#monthIdFilter").val()),
                        (d.year_id = $("#yearIdFilter").val());
                    },
                },
                drawCallback: function(settings) {},
                columns: [{
                        data: "DT_RowIndex",
                        name: "DT_RowIndex",
                        orderable: false,
                        searchable: false,
                    },
                    {
                        data: "project_name",
                        searchable: true,
                        orderable: false,
                    },
                    {
                        data: "app_date",
                        searchable: true,
                        orderable: false,
                    },
                    {
                        data: "crn_no",
                        searchable: true,
                        orderable: false,
                    },
                    {
                        data: "net_value",
                        searchable: true,
                        orderable: false,
                    },
                    {
                        data: "avn_value",
                        searchable: true,
                        orderable: false,
                    },
                    {
                        data: "amount_received",
                        searchable: true,
                        orderable: false,
                    },
                    {
                        data: "registration_date",
                        searchable: true,
                        orderable: false,
                    },
                    {
                        data: "TotalIncentiveAmount",
                        searchable: true,
                        orderable: false,
                    },
                    {
                        data: "employeeCount",
                        searchable: true,
                        orderable: false,
                    },
                    {
                        data: "status",
                        searchable: true,
                        orderable: false,
                    },
                    {
                        data: "action",
                        searchable: true,
                        orderable: false,
                    },
                    {
                        data: "created_at",
                        searchable: true,
                        orderable: false,
                    },
                ],
                columnDefs: [{
                    aTargets: [1, 2, 4, 5, 6, 7], // Column to target
                    mRender: function(data, type, full) {
                        if (data != null) {
                            return data;
                        } else {
                            return "-";
                        }
                    },
                }, ],
            });

            var table2 = $("#employeewiseDataTable").DataTable({
                scrollX: true,
                destroy: true,
                processing: true,
                serverSide: true,
                // responsive: false,
                // autoWidth: true,
                ajax: {
                    url: "{{ route('user.incentive.employeewise.analytic') }}",
                    data: function(d) {
                        (d._token = "{{ csrf_token() }}"),
                        (d.month_id = $("#monthIdFilter").val()),
                        (d.year_id = $("#yearIdFilter").val());
                    },
                },
                drawCallback: function(settings) {},
                columns: [{
                        data: "DT_RowIndex",
                        name: "DT_RowIndex",
                        orderable: false,
                        searchable: false,
                    },
                    {
                        data: "emp_code",
                        searchable: true,
                        orderable: false,
                    },
                    {
                        data: "user_name",
                        searchable: true,
                        orderable: false,
                    },
                    {
                        data: "designation",
                        searchable: true,
                        orderable: false,
                    },
                    {
                        data: "catagory",
                        searchable: true,
                        orderable: false,
                    },
                    {
                        data: "employee_salary",
                        searchable: true,
                        orderable: false,
                    },
                    {
                        data: "incentive_received",
                        searchable: true,
                        orderable: false,
                    },
                    {
                        data: "total_deals",
                        searchable: true,
                        orderable: false,
                    },
                    {
                        data: "action",
                        searchable: true,
                        orderable: false,
                    },
                    {
                        data: "created_at",
                        searchable: true,
                        orderable: false,
                    },
                ],
                columnDefs: [{
                    aTargets: [1, 2, 4, 5, 6, 7, 8, 9], // Column to target
                    mRender: function(data, type, full) {
                        if (data != null) {
                            return data;
                        } else {
                            return "-";
                        }
                    },
                }, ],
            });

            // var table3 = $("#modalEmployeewiseDataTable").DataTable({
            //     scrollX: true,
            //     destroy: true,
            //     processing: true,
            //     serverSide: true,
            //     // responsive: false,
            //     // autoWidth: true,
            //     ajax: {
            //         url: "{{ route('user.property.incentive.employeeData.analytic') }}",
            //         data: function(d) {
            //             (d._token = "{{ csrf_token() }}"),
            //             (d.month_id = $("#monthIdFilter").val()),
            //             (d.year_id = $("#yearIdFilter").val());
            //         },
            //     },
            //     drawCallback: function(settings) {},
            //     columns: [{
            //             data: "DT_RowIndex",
            //             name: "DT_RowIndex",
            //             orderable: false,
            //             searchable: false,
            //         },
            //         {
            //             data: "emp_code",
            //             searchable: true,
            //             orderable: false,
            //         },
            //         {
            //             data: "user_name",
            //             searchable: true,
            //             orderable: false,
            //         },
            //         {
            //             data: "level",
            //             searchable: true,
            //             orderable: false,
            //         },
            //         {
            //             data: "designation",
            //             searchable: true,
            //             orderable: false,
            //         },
            //         {
            //             data: "insentive_amount",
            //             searchable: true,
            //             orderable: false,
            //         },
            //         {
            //             data: "action",
            //             searchable: true,
            //             orderable: false,
            //         },
            //         {
            //             data: "created_at",
            //             searchable: true,
            //             orderable: false,
            //         },
            //     ],
            //     columnDefs: [{
            //         aTargets: [1, 2, 4, 5, 6, 7], // Column to target
            //         mRender: function(data, type, full) {
            //             if (data != null) {
            //                 return data;
            //             } else {
            //                 return "-";
            //             }
            //         },
            //     }, ],
            // });

            $("#searchData").click(function() {
                var monthId = $("#monthIdFilter option:selected").val();
                var yearId = $("#yearIdFilter option:selected").val();
                var newUrl = "{{ url('user/manage-incentive') }}/" + (monthId ? monthId : '') + "/" + (
                    yearId ? yearId : '');
                window.location.href = newUrl;
            });

            $("#clearData").click(function() {
                var newUrl = "{{ url('user/manage-incentive') }}";
                window.location.href = newUrl;
            });

            $("#edit_employee_incentive_form").validate({
                ignore: ".ignore",
                rules: {
                    employee_data_id: {
                        required: true,
                        // maxlength: 20,
                    },
                    employee_incenitve: {
                        required: true,
                        maxlength: 40,
                        number: true,
                    }
                },
                messages: {},
                errorPlacement: function(error, element) {
                    var placement = $(element).data("error");
                    if (element.is("select")) {
                        error.appendTo(".error_msg_show");
                    } else if (element.is(":checkbox")) {
                        error.appendTo(".radio_error_msg_show");
                    } else if (placement) {
                        $(placement).append(error);
                    } else {
                        error.insertAfter(element);
                    }
                },
                submitHandler: function(form) {
                    // return false;
                    $("#submitEmployee").html("<span> Processing...</span>");
                    $("#submitEmployee").attr("disabled", true);

                    var formData = new FormData($("#edit_employee_incentive_form")[0]);
                    $.ajax({
                        url: "{{ route('user.edit.employee.incentive.amount') }}",
                        type: "POST",
                        data: formData,
                        processData: false,
                        contentType: false,
                        dataType: "json",
                        success: function(response, textStatus, xhr) {
                            $("#submitEmployee").html("Save");
                            $("#submitEmployee").attr("disabled", false);
                            if (response.status == 1) {
                                $.notify(response.message, "success");
                                $("#edit_employee_incentive_model").modal("hide");
                                $("#edit_employee_incentive_form")[0].reset();
                                $("#edit_employee_incentive_form").validate().resetForm();
                                $("#dealwiseDataTable")
                                    .DataTable()
                                    .ajax.reload(null, false);
                            } else {
                                $("#submitEmployee").html("Save");
                                $("#submitEmployee").attr("disabled", false);
                                $.notify(response.message, "error");
                            }
                        },
                        error: function(jqXHR, textStatus, errorThrown) {
                            $("#submitEmployee").html("Save");
                            $("#submitEmployee").attr("disabled", false);
                            $.notify(jqXHR.responseJSON.message, "error");
                        },
                    }); //ajax
                },
            });

            // table2.draw();
        });
    </script>

    <script>
        function download_incentive_data() {
            monthIdFilter = $("#monthIdFilter option:selected").val();
            yearIdFilter = $("#yearIdFilter option:selected").val();
            var dealwiseDataShowLink = document.getElementById('dealwiseDataShow');
            type = 'dealWise';
            if (dealwiseDataShowLink.classList.contains('current')) {
                type = 'dealWise';
            } else {
                type = 'employeeWise';
            }
            // type = 'employeeWise';
            window.open(
                "{{ route('user.incentive.data.export') }}?type=" +
                type +
                "&monthIdFilter=" +
                monthIdFilter +
                "&yearIdFilter=" +
                yearIdFilter,
                "_blank"
            );
        }

        function download_final_incentive_data(is_ytd = 'n') {
            monthIdFilter = $("#monthIdFilter option:selected").val();
            yearIdFilter = $("#yearIdFilter option:selected").val();
            var dealwiseDataShowLink = document.getElementById('dealwiseDataShow');
            window.open(
                "{{ route('user.final.incentive.data.export') }}?monthIdFilter=" +
                monthIdFilter +
                "&yearIdFilter=" +
                yearIdFilter +
                "&isYtd=" +
                is_ytd,
                "_blank"
            );

        }

        function modal_employeeWise_data(property_id) {
            $.ajax({
                url: "{{ route('get.property.data') }}",
                type: 'GET',
                cache: false,
                data: {
                    '_token': '{{ csrf_token() }}',
                    'property_id': property_id
                    // 'dtTo': dtTo,
                },
                dataType: "json",
                success: function(response) {
                    if (response.status == 1) {
                        $('#project_name').html(response.data.project_data.project_name);
                        $('#crn_no').html(response.data.property_data.crn_no);
                        $('#actual_cv_value').html('-');
                        $('#deal_incentive_amount').html(response.data.property_incentive_amount);
                        $('#cso_pot_used').html(response.data.cso_pot_used);
                        $('#anv_value').html(response.data.avn_value);

                        $("#modalEmployeewiseDataTable").DataTable({
                            scrollX: true,
                            destroy: true,
                            processing: true,
                            serverSide: true,
                            // responsive: false,
                            // autoWidth: true,
                            ajax: {
                                url: "{{ route('user.property.incentive.employeeData.analytic') }}",
                                data: function(d) {
                                    (d._token = "{{ csrf_token() }}"),
                                    (d.property_id = response.data.property_data.id);
                                },
                            },
                            drawCallback: function(settings) {},
                            columns: [{
                                    data: "DT_RowIndex",
                                    name: "DT_RowIndex",
                                    orderable: false,
                                    searchable: false,
                                },
                                {
                                    data: "emp_code",
                                    searchable: true,
                                    orderable: false,
                                },
                                {
                                    data: "user_name",
                                    searchable: true,
                                    orderable: false,
                                },
                                {
                                    data: "level",
                                    searchable: true,
                                    orderable: false,
                                },
                                {
                                    data: "designation",
                                    searchable: true,
                                    orderable: false,
                                },
                                {
                                    data: "employee_dealwise_designation_team",
                                    searchable: true,
                                    orderable: false,
                                },
                                {
                                    data: "insentive_amount",
                                    searchable: true,
                                    orderable: false,
                                },
                                {
                                    data: "action",
                                    searchable: true,
                                    orderable: false,
                                },
                                {
                                    data: "created_at",
                                    searchable: true,
                                    orderable: false,
                                },
                            ],
                            columnDefs: [{
                                aTargets: [1, 2, 4, 5, 6, 7, 8], // Column to target
                                mRender: function(data, type, full) {
                                    if (data != null) {
                                        return data;
                                    } else {
                                        return "-";
                                    }
                                },
                            }, ],
                        });
                        $("#employeewise_incentive").modal('show');
                    } else {
                        $.notify(response.message, "error");
                    }
                },
                error: function(jqXHR, textStatus, errorThrown) {
                    $.notify(jqXHR.responseJSON.message, "error");
                }
            });
        }

        function modal_employee_incentive_data_edit(employee_data_id, insentive_amount) {
            $("#edit_employee_incentive_form")[0].reset();
            $("#edit_employee_incentive_form").validate().resetForm();
            $("#employee_data_id").val(employee_data_id);
            $("#employee_incenitve").val(insentive_amount);
            $("#employeewise_incentive").modal('hide');
            $("#edit_employee_incentive_model").modal('show');
        }

        function modal_dealWise_data(employee_incentive_id, incentive_id) {
            $.ajax({
                url: "{{ route('get.employee.data') }}",
                type: 'GET',
                cache: false,
                data: {
                    '_token': '{{ csrf_token() }}',
                    'employee_incentive_id': employee_incentive_id
                    // 'incentive_id': incentive_id
                },
                dataType: "json",
                success: function(response) {
                    if (response.status == 1) {
                        $('#employee_name').html(response.data.employee_incentive.user.user_name);
                        $('#employee_code').html(response.data.employee_incentive.user.emp_code);
                        $('#employee_incentive').html(response.data.employee_incentive.insentive_amount);
                        $('#employee_salary').html(response.data.employee_incentive.user.employee_salary);

                        $("#modalDealwiseDataTable").DataTable({
                            scrollX: true,
                            destroy: true,
                            processing: true,
                            serverSide: true,
                            // responsive: false,
                            // autoWidth: true,
                            ajax: {
                                url: "{{ route('user.employee.incentive.propertyData.analytic') }}",
                                data: function(d) {
                                    (d._token = "{{ csrf_token() }}"),
                                    (d.employee_id = response.data.employee_incentive.employee_id),
                                    (d.incentive_id = incentive_id);
                                },
                            },
                            drawCallback: function(settings) {},
                            columns: [{
                                    data: "DT_RowIndex",
                                    name: "DT_RowIndex",
                                    orderable: false,
                                    searchable: false,
                                },
                                {
                                    data: "project_name",
                                    searchable: true,
                                    orderable: false,
                                },
                                {
                                    data: "registration_date",
                                    searchable: true,
                                    orderable: false,
                                },
                                {
                                    data: "crn_no",
                                    searchable: true,
                                    orderable: false,
                                },
                                {
                                    data: "avn_value",
                                    searchable: true,
                                    orderable: false,
                                },
                                {
                                    data: "TotalIncentiveAmount",
                                    searchable: true,
                                    orderable: false,
                                },
                                {
                                    data: "action",
                                    searchable: true,
                                    orderable: false,
                                },
                                {
                                    data: "created_at",
                                    searchable: true,
                                    orderable: false,
                                },
                            ],
                            columnDefs: [{
                                aTargets: [1, 2, 4, 5, 6, 7], // Column to target
                                mRender: function(data, type, full) {
                                    if (data != null) {
                                        return data;
                                    } else {
                                        return "-";
                                    }
                                },
                            }, ],
                        });
                        $("#propertywise_incentive").modal('show');
                    } else {
                        $.notify(response.message, "error");
                    }
                },
                error: function(jqXHR, textStatus, errorThrown) {
                    $.notify(jqXHR.responseJSON.message, "error");
                }
            });
        }

        function process_for_next_step(incentive_data_id, incentive_data_status) {
            $.ajax({
                url: "{{ route('user.process.next.step') }}",
                type: 'POST',
                data: {
                    'incentive_data_id': incentive_data_id,
                    'incentive_data_status': incentive_data_status,
                    '_token': "{{ csrf_token() }}"
                },
                dataType: "json",
                success: function(response, textStatus, xhr) {
                    if (response.status == 1) {
                        $.notify(response.message, "success");
                        window.location.reload();
                    } else
                        $.notify(response.message, "error");
                },
                error: function(jqXHR, textStatus, errorThrown) {
                    $.notify(jqXHR.responseJSON.message, "error");
                }
            }); //ajax
        }

        // function dealStatusManage(property_id, status) {
        //     $.ajax({
        //         url: "{{ route('user.deal.status.manage') }}",
        //         type: 'POST',
        //         data: {
        //             'property_id': property_id,
        //             'status': status,
        //             '_token': "{{ csrf_token() }}"
        //         },
        //         dataType: "json",
        //         success: function(response, textStatus, xhr) {
        //             if (response.status == 1) {
        //                 $.notify(response.message, "success");
        //                 // window.location.reload();
        //                 $("#dealwiseDataTable").DataTable().ajax.reload(null,
        //                     false);
        //             } else
        //                 $.notify(response.message, "error");
        //         },
        //         error: function(jqXHR, textStatus, errorThrown) {
        //             $.notify(jqXHR.responseJSON.message, "error");
        //         }
        //     }); //ajax
        // }
        function dealStatusManage(property_id, status) {
            if (status != "pending") {
                $("#propertywise_incentive").modal('hide');
                // Step 1: Show SweetAlert2 popup for remark input
                Swal.fire({
                    title: 'Enter Remark',
                    input: 'textarea', // Input type 'textarea' for multi-line input
                    inputPlaceholder: 'Enter your remark here...',
                    showCancelButton: true, // Show a cancel button
                    confirmButtonText: 'Submit',
                    cancelButtonText: 'Cancel',
                    customClass: {
                        confirmButton: 'btn btn-primary'
                        // cancelButton: 'btn btn-secondary',
                        // input: 'form-control'
                    },
                    inputAttributes: {
                        'aria-label': 'Enter your remark here'
                    },
                    inputValidator: (value) => {
                        if (!value) {
                            return 'Remark is required!'
                        }
                        if (value.length > 200) {
                            return 'Remark cannot exceed 200 characters!';
                        }
                    }
                }).then((result) => {
                    // Step 2: If user submits the remark
                    if (result.isConfirmed) {
                        var remark = result.value; // Get the remark entered by the user

                        // Step 3: Send the AJAX request with the remark and other data
                        $.ajax({
                            url: "{{ route('user.deal.status.manage') }}",
                            type: 'POST',
                            data: {
                                'property_id': property_id,
                                'status': status,
                                'remark': remark,
                                '_token': "{{ csrf_token() }}"
                            },
                            dataType: "json",
                            success: function(response, textStatus, xhr) {
                                if (response.status == 1) {
                                    $.notify(response.message, "success");
                                    // Optionally reload the DataTable
                                    $("#dealwiseDataTable").DataTable().ajax.reload(null, false);
                                } else {
                                    $.notify(response.message, "error");
                                }
                            },
                            error: function(jqXHR, textStatus, errorThrown) {
                                $.notify(jqXHR.responseJSON.message, "error");
                            }
                        });
                    }
                });
            } else {
                $.ajax({
                    url: "{{ route('user.deal.status.manage') }}",
                    type: 'POST',
                    data: {
                        'property_id': property_id,
                        'status': status,
                        '_token': "{{ csrf_token() }}"
                    },
                    dataType: "json",
                    success: function(response, textStatus, xhr) {
                        if (response.status == 1) {
                            $.notify(response.message, "success");
                            // window.location.reload();
                            $("#dealwiseDataTable").DataTable().ajax.reload(null,
                                false);
                        } else
                            $.notify(response.message, "error");
                    },
                    error: function(jqXHR, textStatus, errorThrown) {
                        $.notify(jqXHR.responseJSON.message, "error");
                    }
                }); //ajax
            }
        }


        function employeeStatusManage(employee_incentive_id, user_id, incentive_id, status) {
            if (status != 'pending') {
                $("#employeewise_incentive").modal('hide');
                // Step 1: Show SweetAlert2 popup for remark input
                Swal.fire({
                    title: 'Enter Remark',
                    input: 'textarea', // Input type 'textarea' for multi-line input
                    inputPlaceholder: 'Enter your remark here...',
                    showCancelButton: true, // Show a cancel button
                    confirmButtonText: 'Submit',
                    cancelButtonText: 'Cancel',
                    customClass: {
                        confirmButton: 'btn btn-primary'
                        // cancelButton: 'btn btn-secondary',
                        // input: 'form-control'
                    },
                    inputAttributes: {
                        'aria-label': 'Enter your remark here'
                    },
                    inputValidator: (value) => {
                        if (!value) {
                            return 'Remark is required!'
                        }
                        if (value.length > 200) {
                            return 'Remark cannot exceed 200 characters!';
                        }
                    }
                }).then((result) => {
                    // Step 2: If user submits the remark
                    if (result.isConfirmed) {
                        var remark = result.value; // Get the remark entered by the user

                        // Step 3: Send the AJAX request with the remark and other data
                        $.ajax({
                            url: "{{ route('user.employee.status.manage') }}",
                            type: 'POST',
                            data: {
                                'employee_incentive_id': employee_incentive_id,
                                'user_id': user_id,
                                'incentive_id': incentive_id,
                                'status': status,
                                'remark': remark,
                                '_token': "{{ csrf_token() }}"
                            },
                            dataType: "json",
                            success: function(response, textStatus, xhr) {
                                if (response.status == 1) {
                                    $.notify(response.message, "success");
                                    // window.location.reload();
                                    $("#employeewiseDataTable").DataTable().ajax.reload(null,
                                        false);
                                } else
                                    $.notify(response.message, "error");
                            },
                            error: function(jqXHR, textStatus, errorThrown) {
                                $.notify(jqXHR.responseJSON.message, "error");
                            }
                        });
                    }
                });
            } else {
                $.ajax({
                    url: "{{ route('user.employee.status.manage') }}",
                    type: 'POST',
                    data: {
                        'employee_incentive_id': employee_incentive_id,
                        'user_id': user_id,
                        'incentive_id': incentive_id,
                        'status': status,
                        '_token': "{{ csrf_token() }}"
                    },
                    dataType: "json",
                    success: function(response, textStatus, xhr) {
                        if (response.status == 1) {
                            $.notify(response.message, "success");
                            // window.location.reload();
                            $("#employeewiseDataTable").DataTable().ajax.reload(null,
                                false);
                        } else
                            $.notify(response.message, "error");
                    },
                    error: function(jqXHR, textStatus, errorThrown) {
                        $.notify(jqXHR.responseJSON.message, "error");
                    }
                }); //ajax
            }
        }

        // function employeeStatusManage(employee_insentive_id, status) {
        //     $.ajax({
        //         url: "{{ route('user.employee.status.manage') }}",
        //         type: 'POST',
        //         data: {
        //             'employee_insentive_id': employee_insentive_id,
        //             'status': status,
        //             '_token': "{{ csrf_token() }}"
        //         },
        //         dataType: "json",
        //         success: function(response, textStatus, xhr) {
        //             if (response.status == 1) {
        //                 $.notify(response.message, "success");
        //                 // window.location.reload();
        //                 $("#dealwiseDataTable").DataTable().ajax.reload(null,
        //                     false);
        //             } else
        //                 $.notify(response.message, "error");
        //         },
        //         error: function(jqXHR, textStatus, errorThrown) {
        //             $.notify(jqXHR.responseJSON.message, "error");
        //         }
        //     }); //ajax
        // }

        function showRemark(remark) {
            $("#showRemarks").val('');
            $("#showRemarks").val(remark);
            $("#show_remark").modal('show');
        }
    </script>
@endsection