@extends('layouts.app')
<link rel="stylesheet" type="text/css" href="{{ asset('assets\css\dashboard.css') }}">
<style>
    #load {
        width: 100%;
        height: 100%;
        position: fixed;
        z-index: 99999;
        background: url("{{ asset('assets/loader/loder.gif') }}") no-repeat center center rgba(0, 0, 0, 0.25);
        background-size: 150px 150px;
    }
</style>
@section('content')
    <div class="page-wrapper">
        <!-- Page-header start -->
        <div class="page-header">
            <div class="row align-items-end">
                <div class="col-lg-8">
                    <div class="page-header-breadcrumb">
                        <ul class="breadcrumb-title">
                            <li class="breadcrumb-item">
                                <a href="{{ url('') }}"> <i class="feather icon-home"></i> </a>
                            </li>
                            <li class="breadcrumb-item">Shortlist Applications</li>
                        </ul>
                    </div>
                    <div style="clear: both"></div>
                    <div class="page-header-title">
                        <div class="d-inline">
                            <h4>Shortlisting</h4>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4 text-right">
                    {{-- @if (can('rolecontroller', 'create')) --}}
                    <!-- <a href="{{ url('leads/create') }}" class="btn cur-p btn-sm btn-success" style="color: black;">Add Lead</a> -->
                    {{-- @endif --}}
                </div>
            </div>
        </div>
        <!-- Page-header end -->

        <!-- Page-body start -->
        <div class="page-body">
            <div class="row">
                <div class="col-md-6 col-lg-4">
                    <div class="score-card sc_color_1">
                        <div class="txt-icon">
                            <img src="{{ asset('assets\images\auth/TOTAL-REGISTRATION.svg') }}" />
                        </div>
                        <h2>{{ $completed_application }}</h2>
                        <div class="txt-cd">COMPLETE APPLICATIONS</div>
                        <img class="img-fluid hexaagon-shape" src="{{ asset('assets\images\auth/hexagon_shape.svg') }}" />
                    </div>
                </div>
                <div class="col-md-6 col-lg-4">
                    <div class="score-card sc_color_2">
                        <div class="txt-icon">
                            <img src="{{ asset('assets\images\auth/COMPLETED-APPLICATIONS.svg') }}" />
                        </div>
                        <h2>{{ $incompleted_application }}</h2>
                        <div class="txt-cd">INCOMPLETE APPLICATIONS</div>
                        <img class="img-fluid hexaagon-shape" src="{{ asset('assets\images\auth/hexagon_shape.svg') }}" />
                    </div>
                </div>

                <div class="col-md-6 col-lg-4">
                    <div class="score-card sc_color_3">
                        <h2>{{ $assign }} / {{ $completed_application }}</h2>
                        <div class="txt-icon">
                            <img src="{{ asset('assets\images\auth/PROGRESS.svg') }}" />
                        </div>
                        <div class="txt-cd">ASSIGNED APPLICATIONS</div>
                        <img class="img-fluid hexaagon-shape" src="{{ asset('assets\images\auth/hexagon_shape.svg') }}" />
                    </div>
                </div>

                <!-- <div class="col-md-6 col-lg-3">
                    <div class="score-card sc_color_4">
                        <div class="txt-icon">
                            <img src="{{ asset('assets\images\auth/TOTAL-MEMBERS.svg') }}" />
                        </div>
                        <h2>{{ $actionPending }} / {{ $completed_application }}</h2>
                        <div class="txt-cd">ACTION PENDING</div>
                        <img class="img-fluid hexaagon-shape" src="{{ asset('assets\images\auth/hexagon_shape.svg') }}" />
                    </div>
                </div> -->

                <form class="" method="GET" action="{{ url('leads') }}" id="needs-validation">
                    @csrf
                    <div class="col-sm-12">
                        <div class="card">
                            <div class="card-block">
                                <div class="row">

                                    <div class="col-sm-2 col-md-2 col-lg-2">
                                        <select name="filter_data" class="form-control" id="filter_data">
                                            <option value="">Select Program</option>
                                            @foreach ($programs as $key => $value)
                                                <option value="{{ $value->program_id }}"
                                                    {{ !empty(Session::get('manage_lead_filter_session')['filter_data']) && Session::get('manage_lead_filter_session')['filter_data'] == $value->program_id ? 'selected' : '' }}>
                                                    {{ $value->program_name }}
                                                </option>
                                            @endforeach
                                        </select>
                                    </div>

                                    <div class="col-sm-2 col-md-2 col-lg-2">
                                        <select name="status" class="form-control" id="status">
                                            <option value="">Select Status</option>
                                            @php
                                                $filter_session = Session::get('manage_lead_filter_session');
                                            @endphp
                                            @if (!empty($filter_session) && isset($filter_session['status']))
                                                <option value="1"
                                                    {{ $filter_session['status'] == '1' ? 'selected' : '' }}>Incomplete
                                                </option>
                                                <option value="2"
                                                    {{ $filter_session['status'] == '2' ? 'selected' : '' }}>Complete
                                                </option>
                                            @else
                                                <option value="1">Incomplete</option>
                                                <option value="2">Complete</option>
                                            @endif
                                        </select>
                                    </div>


                                    <div class="col-sm-2 col-md-2 col-lg-2">
                                        <select name="assign_id" class="form-control" id="assign_id">
                                            <option value="">Select Assign User</option>
                                            @foreach ($genralusers as $key => $value)
                                                <option value="{{ $value->id }}"
                                                    {{ !empty(Session::get('manage_lead_filter_session')['assign_id']) && Session::get('manage_lead_filter_session')['assign_id'] == $value->id ? 'selected' : '' }}>
                                                    {{ $value->name }}</option>
                                            @endforeach
                                        </select>
                                    </div>

                                    <div class="col-sm-2 col-md-2 col-lg-2">
                                        <select name="filter_assign" class="form-control" id="filter_assign">
                                            <option value="">Select Assign/Unassign Application</option>
                                            <option value="assign"
                                                {{ !empty(Session::get('manage_lead_filter_session')['filter_assign']) && Session::get('manage_lead_filter_session')['filter_assign'] == 'assign' ? 'selected' : '' }}>
                                                Assign</option>
                                            <option value="unassign"
                                                {{ !empty(Session::get('manage_lead_filter_session')['filter_assign']) && Session::get('manage_lead_filter_session')['filter_assign'] == 'unassign' ? 'selected' : '' }}>
                                                Unassign</option>
                                        </select>
                                    </div>


                                    <div class="col-sm-2 col-md-2 col-lg-2">
                                        <select name="action_status" class="form-control" id="action_status">
                                            <option value="">Select action status</option>
                                            @php
                                                $filter_session = Session::get('manage_lead_filter_session');
                                            @endphp
                                            @if (!empty($filter_session) && isset($filter_session['action_status']))
                                                <option value="1"
                                                    {{ $filter_session['action_status'] == '1' ? 'selected' : '' }}>Moving
                                                    forward</option>
                                                <option value="2"
                                                    {{ $filter_session['action_status'] == '2' ? 'selected' : '' }}>Wait
                                                </option>
                                                <option value="3"
                                                    {{ $filter_session['action_status'] == '3' ? 'selected' : '' }}>Not
                                                    moving forward</option>
                                            @else
                                                <option value="1">Moving forward</option>
                                                <option value="2">Wait</option>
                                                <option value="3">Not moving forward</option>
                                            @endif
                                        </select>
                                    </div>

                                    <div class="col-sm-2 col-md-2 col-lg-2">
                                        <select name="religion_filter" class="form-control" id="religion_filter">
                                            <option value="">Religion</option>
                                            @foreach ($religion_wise as $key => $value)
                                                <option value="{{ ++$key }}"
                                                    {{ !empty(Session::get('manage_lead_filter_session')['religion_filter']) && Session::get('manage_lead_filter_session')['religion_filter'] == $key ? 'selected' : '' }}>
                                                    {{ $value->value }}</option>
                                            @endforeach
                                        </select>
                                    </div>  

                                    <div class="col-sm-2 col-md-2 col-lg-2 pt-4">
                                        <select name="gender_filter" class="form-control" id="gender_filter">
                                            <option value="">Gender</option>
                                            @foreach ($gender_wise as $key => $value)
                                                <option value="{{ ++$key }}"
                                                    {{ !empty(Session::get('manage_lead_filter_session')['gender_filter']) && Session::get('manage_lead_filter_session')['gender_filter'] == $key ? 'selected' : '' }}>
                                                    {{ $value->value }}</option>
                                            @endforeach
                                        </select>
                                    </div>

                                    <div class="col-sm-2 col-md-2 col-lg-2 pt-4">
                                        <select name="cast_filter" class="form-control" id="cast_filter">
                                            <option value="">Caste</option>
                                            @foreach ($casts as $key => $value)
                                                <option value="{{ ++$key }}"
                                                    {{ !empty(Session::get('manage_lead_filter_session')['cast_filter']) && Session::get('manage_lead_filter_session')['cast_filter'] == $key ? 'selected' : '' }}>
                                                    {{ $value->value }}</option>
                                            @endforeach
                                        </select>
                                    </div>

                                    {{-- <div class="col-sm-2 col-md-2 col-lg-2 pt-4">
                                        <select name="poltical_party_filter" class="form-control" id="poltical_party_filter">
                                            <option value="">Political Party</option>
                                            @foreach ($poltical_party as $key => $value)
                                                <option value="{{ $value->id }}"
                                                    {{ !empty(Session::get('manage_lead_filter_session')['poltical_party_filter']) && Session::get('manage_lead_filter_session')['gender_filter'] == $value->id ? 'selected' : '' }}>
                                                    {{ $value->value }}</option>
                                            @endforeach
                                        </select>
                                    </div> --}}
                                    
                                    <div class="col-sm-2 col-md-2 col-lg-2 pt-4">
                                        <select name="state_filter" class="form-control" id="state_filter">
                                            <option value="">State</option>
                                            @foreach ($state_wise as $key => $value)
                                                <option value="{{ ++$key }}"
                                                    {{ !empty(Session::get('manage_lead_filter_session')['state_filter']) && Session::get('manage_lead_filter_session')['state_filter'] == $key ? 'selected' : '' }}>
                                                    {{ $value->value }}</option>
                                            @endforeach
                                        </select>
                                    </div>

                                    <div class="col-sm-2 col-md-2 col-lg-2 mt-4">
                                        <button class="btn btn-m btn-primary btn_submit" name="filter" id="filter"
                                            value="Search" type="submit">Filter</button>
                                        <button type="submit" name="clearFilter" id="clearFilter"
                                            class="btn btn-m bt btn-danger" value="clear">Clear</button>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </form>

            </div>
            <div class="row">

                <div class="col-sm-12">
                    <!-- Zero config.table start -->

                    <div class="card">

                        <div class="card-block">
                            <div class="row">
                                <div class="col-md-6">
                                    <a href="javascript:void(0)" class="btn btn-warning btn-sm "
                                        id="sendNotification">Send
                                        Notification</a>
                                </div>

                                <div class="col-md-6 text-right">
                                    <!-- <a href="{{ url('shortlistexcelexport') }}">
                                                            <img src="{{ asset('assets\images\excel.png') }}" data-toggle="tooltip"
                                                                data-placement="left" alt="Excel Export" style="height: 40px;"
                                                                title="Excel Export"></a> -->
                                </div>
                            </div>

                            <div class="dt-responsive table-responsive">
                                @include('common.error')
                                @php
                                    $i = 0;
                                @endphp
                                <br>
                                <table id="simpletable" class="table table-striped table-bordered nowrap">
                                    <thead>
                                        <tr>
                                            <th width="2%"><input type="checkbox" id="checkAll"></th>
                                            <th width="10%">Sr. No.</th>
                                            <th width="15%">Name</th>
                                            <th width="13%">Email I'd</th>
                                            <th width="10%">Mobile No.</th>
                                            <th width="6%">Status</th>
                                            {{-- <th width="13%">Assign By</th> --}}
                                            <th width="13%">Created On</th>
                                            <th width="13%">Assigned User</th>
                                            <th width="13%">Action status</th>
                                            <th width="13%">Updated On</th>
                                            <th width="5%">Action</th>
                                        </tr>
                                    </thead>
                                    <tbody>

                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>


                    {{-- Modal --}}
                    <div class="m_div">
                        <div class="modal remarkModal" id="remarkModal">
                            <div class="modal-dialog modal-lg" style="padding-top: 1%;">
                                <div class="modal-content">

                                    <!-- Modal Header -->
                                    <div class="modal-header">
                                        <h4 class="modal-title">Update Application Status</h4>
                                        <button type="button" class="close close_modal"
                                            data-dismiss="modal">&times;</button>
                                    </div>
                                    <form class="" id="formContainer" method="POST"
                                        action="{{ route('stores.form') }}">
                                        @csrf
                                        <!-- Modal body -->
                                        <input type="hidden" name="lead_id" id="lead_id" value="" />
                                        <div class="modal-body">
                                            <div class="row">

                                                @foreach ($application_score as $key => $item)
                                                    <div class="col-sm-4 col-md-4 col-lg-4 mb-3">
                                                        <label for="score{{ $key + 1 }}">{{ $item->sub_category }}
                                                            <span class="required" style="color: red;">*</span></label>
                                                        <select name="score{{ $key + 1 }}"
                                                            class="form-control score" id="score{{ $key + 1 }}" required>
                                                            <option value="">Select Score</option>
                                                            @for ($i = 1; $i <= $item->value; $i++)
                                                                <option value="{{ $i }}">{{ $i }}
                                                                </option>
                                                            @endfor
                                                        </select>
                                                        <br>
                                                        <input type="number" class="form-control all_average"
                                                            name="weightage_average{{ $key + 1 }}"
                                                            value="{{ $item->multiply }}" readonly>
                                                    </div>
                                                @endforeach


                                                <div class="col-sm-4 col-md-4 col-lg-4 mb-3">
                                                    <label for=""> Weightage average<span class="required"
                                                            style="color: red;">*</span></label>
                                                    <input type="number" class="form-control" name="average_score"
                                                        readonly id="average_score">
                                                    <br>
                                                    {{-- <input type="number" class="form-control" name="total_average"
                                                        id="total_average" step="any"> --}}
                                                </div>

                                                <div class="col-sm-12 col-md-12 col-lg-12 mb-3">
                                                    <label for=""> Status<span class="required"
                                                            style="color: red;">*</span></label>
                                                    <select name="isverify" class="form-control" id="isverify" required>
                                                        <option value="">Select Status</option>
                                                        <option value="1">Moving forward</option>
                                                        <option value="2">Wait</option>
                                                        <option value="3">Not Moving forward</option>

                                                    </select>
                                                </div>
                                                <div class="col-md-12 mb-3">
                                                    <label for=""> Remark<span class="required"
                                                            style="color: red;">*</span></label>
                                                    <textarea class="after_secratory form-control" name="verify_remarks" id="verify_remarks" rows="4"
                                                        required></textarea>

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

                                        <!-- Modal footer -->
                                        <div class="modal-footer">
                                            <button class="btn btn-m btn-success" name="save" value="1"
                                                type="submit">Save</button>
                                            <button type="button" class="btn btn-danger close_modal"
                                                data-dismiss="modal">Close</button>
                                        </div>
                                    </form>
                                </div>
                            </div>
                        </div>
                    </div>

                </div>
            </div>
        </div>
        <!-- Page-body end -->
    </div>

    <script src="{{ asset('bower_components\datatables.net\js\jquery.dataTables.min.js') }}"></script>
    <script src="{{ asset('bower_components\datatables.net-buttons\js\dataTables.buttons.min.js') }}"></script>
    <script src="{{ asset('bower_components\datatables.net-bs4\js\dataTables.bootstrap4.min.js') }}"></script>


    <script>
        $(function() {
            //Get Average score
            $(document).ready(function() {
                // Function to calculate average score
                function calculateAverage() {
                    var totalScore1 = 0;
                    var totalScore = 0;
                    var totalItems = 0;
                    $('.score').each(function() {
                        var score = parseInt($(this).val());
                        var multiplyValue = parseFloat($(this).closest('.col-sm-4').find(
                            '.all_average').val());
                        if (!isNaN(score) && !isNaN(multiplyValue)) {
                            totalScore += score * multiplyValue;
                            totalScore1 += multiplyValue;
                            totalItems ++;
                        }
                    });
                    console.log(totalScore1);
                    var averageScore = totalScore /  totalScore1 ;
                    var averageScore1 = totalScore1 / totalItems;
                    // Display the average score
                    $('#average_score').val(averageScore.toFixed(2));
                    // $('#total_average').val(averageScore1.toFixed(2));
                }

                // Call the calculateAverage function initially
                calculateAverage();

                // Bind change event to score select boxes
                $('.score').change(function() {
                    calculateAverage();
                });
            });



            $.fn.tableload = function(filterProgram = null, status = null, assign_id = null, filter_assign = null,
                action_status = null , religion_filter = null , gender_filter = null , cast_filter = null , poltical_party_filter = null , state_filter = null) {
                let data = new Array();
                data.push({
                    'filterProgram': filterProgram,
                });
                data.push({
                    'status': status,
                });
                data.push({
                    'assign_id': assign_id,
                });
                data.push({
                    'filter_assign': filter_assign,
                });
                data.push({
                    'action_status': action_status,
                });

                data.push({
                    'religion_filter': religion_filter,
                });
                data.push({
                    'gender_filter': gender_filter,
                });
                data.push({
                    'cast_filter': cast_filter,
                });
                data.push({
                    'poltical_party_filter': poltical_party_filter,
                });
                data.push({
                    'state_filter': state_filter,
                });

                $('#simpletable').DataTable({
                    "processing": true,
                    "serverSide": true,
                    "bFilter": true,
                    "bLengthChange": true,
                    "ordering": true,
                    "aaSorting": [],
                    "iDisplayLength": 10,
                    "responsive": true,
                    "scrollX": true,
                    "destroy": true,
                    "searching": true,
                    "ajax": {
                        "url": "{{ route('leads.index') }}",
                        "type": "GET",
                        data: function(d) {
                            d.data = data;
                        },
                        "dataType": "json",
                        data: function(data) {
                            delete data.columns;
                        },
                        "dataSrc": function(jsonData) {
                            return jsonData.data;
                        }
                    },
                    //Set column definition initialisation properties.
                    "columnDefs": [{
                        "targets": [0, -1, 1,-2,-3,-6], //first column / numbering column
                        "orderable": false, //set not orderable
                    }, ],
                });
            }
            $.fn.tableload();

            $('#checkAll').on('click', function() {
                $('.email-checkbox').prop('checked', this.checked);
            });

            // Uncheck "check all" checkbox if any individual checkbox is unchecked
            $('.email-checkbox').on('change', function() {
                if (!this.checked) {
                    $('#checkAll').prop('checked', false);
                }
            });
        });



        // $("#filter").on("click", function(e) {
        //     e.preventDefault();
        //     var status = $("#status").val();
        //     let value = $("#filter_data").val();
        //     let assign_id = $("#assign_id").val();
        //     let filter_assign = $("#filter_assign").val();
        //     let action_status = $("#action_status").val()
        //     $.fn.tableload(value, status, assign_id, filter_assign, action_status)
        // })

        // $("#reset").on("click", function(e) {
        //     e.preventDefault();
        //     var status = '';
        //     let value = '';
        //     $.fn.tableload(value, status)
        // })

        function fn_delete(user_id) {
            bootbox.confirm({
                title: "",
                message: "Are you sure, you want to delete this Lead?",
                callback: function(result) {
                    if (result) {
                        $.ajaxSetup({
                            headers: {
                                'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                            }
                        });
                        var url = "{{ route('leads.destroy', ':id') }}";
                        url = url.replace(':id', user_id);

                        $.ajax({

                                type: "POST",
                                data: {
                                    _method: "DELETE",
                                },
                                url: url,
                                //url: '{{-- {{ route('role.destroy', $user_id) }} --}}',
                                dataType: 'JSON'
                            })
                            .done(function(response) {
                                bootbox.alert({
                                    title: "Deleted?",
                                    message: response.message
                                });
                                location.reload();
                            })
                            .fail(function(response) {
                                bootbox.alert({
                                    title: "Deleted?",
                                    message: 'Something Went Wrong..'
                                });
                            })
                    }
                }
            });
        }

        function fn_member(id) {
            $('#lead_id').val(id);
            // alert(id);
            $('.remarkModal').show();
        }


        $(document).ready(function() {
            $(".close_modal").click(function() {
                $("#remarkModal").hide();
            });

            $(".mdiv").click(function() {
                $("#remarkModal").show();
            });
        });


        // Assign Modal
        $(".assignModal").on("click", function() {
            $("#exampleModal").modal("toggle");
        })


        // Send Notification for incompleted application
        $("#sendNotification").on("click", function(e) {
            e.preventDefault();
            var checkboxes = $(".email-checkbox:checked").map(function() {
                return this.value;
            }).get();

            let fd = new FormData();
            fd.append('_token', "{{ csrf_token() }}");
            fd.append('checkboxes', checkboxes);
            $.ajax({
                url: "{{ route('lead.send_notification') }}",
                type: "POST",
                data: fd,
                dataType: 'json',
                processData: false,
                contentType: false,
                beforeSend: function() {
                    $("#load").show();
                },
                success: function(result) {
                    if (result.status) {
                        toastr.success(result.message)

                    } else {
                        toastr.error(result.message)
                    }
                },
                complete: function() {
                    $("#load").hide();
                },
                error: function(jqXHR, exception) {}
            });
        });

        //Unassign
        function fn_unassign(user_id) {
            bootbox.confirm({
                title: "",
                message: "Are you sure you want to unassign this Lead?",
                callback: function(result) {
                    if (result) {
                        $.ajaxSetup({
                            headers: {
                                'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                            }
                        });

                        var url = "{{ route('lead.unassign') }}";

                        $.ajax({
                            type: "POST",
                            url: url,
                            data: {
                                user_id: user_id,
                            },
                            dataType: 'JSON',
                            success: function(response) {
                                if(response.status) {
                                    bootbox.alert({
                                    title: "Unassign",
                                    message: response.message
                                });
                                location.reload();
                                }else{
                                    bootbox.alert({
                                    title: "Unassign",
                                    message: 'Something went wrong.'
                                }); 
                                }
                               
                            },
                            error: function(xhr, status, error) {
                                bootbox.alert({
                                    title: "Unassign",
                                    message: 'Lead unassign successfully'
                                });
                                location.reload();
                            }
                        });
                    }
                }
            });
        }
    </script>
@endsection
<!-- data-table js -->