@extends('layouts.default')
@section('title', 'Bulk Receive')
<!-- <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.js"></script> -->

@push('head')


<link href="/assets/plugins/bootstrap-datepicker/dist/css/bootstrap-datepicker.css" rel="stylesheet" />
<script src="/assets/plugins/bootstrap-datepicker/dist/js/bootstrap-datepicker.js" defer></script>
<link href="/assets/plugins/datatables.net-bs5/css/dataTables.bootstrap5.min.css" rel="stylesheet" />
<link href="/assets/plugins/datatables.net-responsive-bs5/css/responsive.bootstrap5.min.css" rel="stylesheet" />
<script src="/assets/plugins/datatables.net/js/jquery.dataTables.min.js" defer></script>
<script src="/assets/plugins/datatables.net-bs5/js/dataTables.bootstrap5.min.js" defer></script>
<script src="/assets/plugins/datatables.net-responsive/js/dataTables.responsive.min.js" defer></script>



<!-- <script src="/assets/plugins/datatables.net-responsive-bs5/js/responsive.bootstrap5.min.js"></script> -->
<script src="/assets/plugins/sweetalert/dist/sweetalert.min.js"></script>

<style>
/*Custom CSS*/
span {
    transition: color 0.5s ease-in;
}

label:focus-within span {
    color: blue;
}

input {
    display: block;
    width: 100%;
}

label,
select {

    display: block;
    width: 100%;
    max-width: 100%;
}

/*Profile Pic Start*/
.picture-container {
    position: relative;
    cursor: pointer;
    text-align: center;
}

.picture {
    width: 106px;
    height: 106px;
    background-color: #999999;
    border: 4px solid #CCCCCC;
    color: #FFFFFF;
    border-radius: 50%;
    margin: 0px auto;
    overflow: hidden;
    transition: all 0.2s;
    -webkit-transition: all 0.2s;
}

.picture:hover {
    border-color: #2ca8ff;
}

.picture input[type="file"] {
    cursor: pointer;
    display: block;
    height: 100%;
    left: 0;
    opacity: 0 !important;
    position: absolute;
    top: 0;
    width: 100%;
}

.picture-src {
    width: 100%;

}

/*Profile Pic End*/
.form-control:focus,
.form-select:focus,
.form-check-input:focus,
.select2:focus-within {
    border-color: #6265e4 !important;
    box-shadow: 0 0 5px rgba(98, 101, 228, 1) !important;
}

.dataTables_filter {
    float: right;
}


</style>
@endpush
@section('content')
<script>
@if(Session::has('success'))

swal("{{Session::get('success')}}").then(function() {
    //window.location = "/project/" + loc;
});
@endif
</script>
<section>
    <div class="row">
        <div class="col-xl-12">
            <div class="panel mt-1" data-sortable-id="form-stuff-3">
                <div class="panel-heading card-bg-color text-white">
                    <h4 class="panel-title">Single File Receive</h4>
                    <div class="panel-heading-btn">
                        <a href="javascript:;" class="btn btn-xs btn-icon btn-default" data-toggle="panel-expand"><i
                                class="fa fa-expand"></i></a>
                        <a href="javascript:;" class="btn btn-xs btn-icon btn-success" data-toggle="panel-reload"><i
                                class="fa fa-redo"></i></a>
                        <a href="javascript:;" class="btn btn-xs btn-icon btn-warning" data-toggle="panel-collapse"><i
                                class="fa fa-minus"></i></a>
                        <a href="javascript:;" class="btn btn-xs btn-icon btn-danger" data-toggle="panel-remove"><i
                                class="fa fa-times"></i></a>
                    </div>
                </div>
                <div class="panel-body">
                    <div class="row">
                        <div class="card border-0">
                        <div class="row" style="float:none;margin:auto;">
                                
                                <div class="col-sm-4">
                                    <label class="control-label" for="txt_cadre"><b>Case Type</b></label>
                                    <select class="form-control form-select" id="case_type" name="case_type">
                                        <option value="">Select</option>
                                        @foreach($getHCCaseType as $ct)
                                            <option value="{{ $ct->id }}">{{ $ct->skey." - ".ucwords(strtolower($ct->casename)) }}</option>
                                        @endforeach    
                                    </select>
                                    <small id="case_type_e" class="text-danger"></small>
                                </div>
                                <div class="col-sm-3">
                                    <label class="control-label" for="txt_cadre"><b>Case No.</b></label>
                                    <input type="text" placeholder="Case No." class="form-control" id="case_no" name="case_no" />
                                    <small id="case_no_e" class="text-danger"></small>
                                </div>
                                <div class="col-sm-3">
                                    <label class="control-label" for="txt_cadre"><b>Year</b></label>
                                    <select class="form-control form-select" id="case_year" name="case_year">
                                        <option value="">Select</option>
                                        @for($i = date("Y"); $i >= 1930; $i--)
                                            <option value="{{ $i }}">{{ $i }}</option>
                                        @endfor    
                                    </select>
                                    <small id="case_year_e" class="text-danger"></small>
                                </div>
                                <div class="col-sm-2 mt-3">
                                    <label class="control-label" for="txt_cadre"><b></b></label>
                                    <input type="button" id="btn_search" onclick="getCaseInfo()" class="btn-primary form-control" value="Submit" />
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="panel" data-sortable-id="form-stuff-3">
                <div class="panel-heading card-bg-color text-white">
                    <h4 class="panel-title">Cases</h4>
                    <div class="panel-heading-btn">
                        <a href="javascript:;" class="btn btn-xs btn-icon btn-default" data-toggle="panel-expand"><i
                                class="fa fa-expand"></i></a>
                        <a href="javascript:;" class="btn btn-xs btn-icon btn-success" data-toggle="panel-reload"><i
                                class="fa fa-redo"></i></a>
                        <a href="javascript:;" class="btn btn-xs btn-icon btn-warning" data-toggle="panel-collapse"><i
                                class="fa fa-minus"></i></a>
                        <a href="javascript:;" class="btn btn-xs btn-icon btn-danger" data-toggle="panel-remove"><i
                                class="fa fa-times"></i></a>
                    </div>
                </div>
                <div class="panel-body tabledata" id="tableresult">
                

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

@endsection
@push('scripts')
<script>
$(document).ready(function() {

    $("#from_date").datepicker({
        todayHighlight: true,
        autoclose: true,
        format : "dd-mm-yyyy"
    });

    $("#to_date").datepicker({
        todayHighlight: true,
        autoclose: true,
        format : "dd-mm-yyyy"
    });
});

function getCaseInfo() {
    case_type = $("#case_type").val();
    case_no = $("#case_no").val();
    case_year = $("#case_year").val();
    $("#tableresult").html("<div class='text-center'><div class='spinner-border'></div></div>");
    setTimeout(function() {
        $.ajax({
            url: "get-single-rec",
            type: 'GET',
            cache: false,
            async: false,
            beforeSend: function() {
                $("#tableresult").html("<div class='text-center'><div class='spinner-border'></div></div>");
            },
            data: {
                case_type: case_type,
                case_no: case_no,
                case_year: case_year
            },
            success: function (data, status){
                if(data.message=='Validate'){
                    var json_error=data.errors;
                    $('#from_date_e').text(json_error.from_date);
                    $('#to_date_e').text(json_error.to_date);
                    $("#tableresult").html("");
                }
                else{
                    $('#from_date_e').text("");
                    $('#to_date_e').text("");
                    $("#tableresult").html(data);
                    $('#data-table-default').DataTable({
                        "pageLength": 100,
                        responsive: {
                            details: false
                        }
                    });
                }
            },
            error: function(xhr) {
                alert("Error:" + xhr.status + ' ' + xhr.statusText);
            }
        });
    }, 10); // Delay of 1 millisecond
}

function receiveFunction() {
    var full_data = new Array();
    var urg_data = new Array();
    var kept_below_data = new Array();
    var check = false;
    for (var i = 1; i < $("#hdn_total").val(); i++){
        if ($("#chk" + i).is(":checked") == true){
            full_data.push($("#chk" + i).val());
            check = true;
            if ($("#urg" + i).is(":checked") == true){
                urg_data.push("1");
            } else {
                urg_data.push($("#urg" + i).val());
            }
            if ($("#kb_chk" + i).is(":checked") == true){
                kept_below_data.push($("#kb_chk" + i).val());
            } else {
                kept_below_data.push("1");
            }
        }

    }
    if (check == false){
        alert("Please Select At least One Case");
        return false;
    }
    $("#btnrece").prop('disabled', 'disabled');
    $.ajax({
        url: "save-bulk-rec",
        type: 'POST',
        cache: false,
        async: false,
        beforeSend: function() {
            $("#tableresult").html("<div class='text-center'><div class='spinner-border'></div></div>");
        },
        data: {
            urgdata: urg_data,
            alldata: full_data,
            kbdata: kept_below_data
        },
        headers: {
                'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
        },
        success: function (data, status){
            $("#btnrece").removeProp('disabled');
            $("#tableresult").html(data);            
        },
        error: function(xhr) {
            $("#btnrece").removeProp('disabled');
        }
    })    
}

function receive_case(){
    if (confirm("Are You Sure to Receive this File")) {
        lc_case = "";
        remark = "";
        $(".rececase").attr("disabled", true);
        var for_send_kb_cases = 0;
        var urgent = 0;
        if ($("#chk_send_with_main").is(":checked")) {
            if ($("#chk_send_with_main")) {
                if ($("#chk_send_with_main").is(":checked")) {
                    for_send_kb_cases = $("#chk_send_with_main").val();
                } else
                    for_send_kb_cases = 0;
            }
        }else{
           var a = confirm("Are you sure to receive without Kept Below Case");
           if(a == true){
               for_send_kb_cases = 0;
           }else{
               $("#chk_send_with_main").focus();
               return false;
           }
        }
        if ($("#urgent").is(":checked")) {
            urgent = $("#urgent").val();
        }
        $.ajax({
            url: "save-single-rec",
            type: 'POST',
            cache: false,
            async: false,
            beforeSend: function() {
               // $("#tableresult").html("<div class='text-center'><div class='spinner-border'></div></div>");
            },
            data: {
                fil_no: $("#fil_no").val(),
                kb_cases: for_send_kb_cases,
                urgent: urgent,
                lc_case: lc_case,
                remark: remark
            },
            headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
            },
            success: function (data, status){
                $("#tableresult").html(data);            
            },
            error: function(xhr) {
                $("#btnrece").removeProp('disabled');
            }
        }) 
        $(".rececase").attr("disabled", false);
    }
}
</script>


@endpush