@extends('layouts.default')

@push('head')
<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/js/jquery-3.3.1.min.js"></script>
<!-- <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.js"></script> -->
<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" defer></script>
<style>
.dataTable > thead > tr > th[class*="sorting_asc"]:before,
.dataTable > thead > tr > th[class*="sorting_asc"]:after {
    content: "" !important;
}
</style>
<script>
    function toUnicodeVariant(str, variant, flags) {
    const offsets = {
        m: [0x1d670, 0x1d7f6],
        b: [0x1d400, 0x1d7ce],
        i: [0x1d434, 0x00030],
        bi: [0x1d468, 0x00030],
        c: [0x1d49c, 0x00030],
        bc: [0x1d4d0, 0x00030],
        g: [0x1d504, 0x00030],
        d: [0x1d538, 0x1d7d8],
        bg: [0x1d56c, 0x00030],
        s: [0x1d5a0, 0x1d7e2],
        bs: [0x1d5d4, 0x1d7ec],
        is: [0x1d608, 0x00030],
        bis: [0x1d63c, 0x00030],
        o: [0x24B6, 0x2460],
        p: [0x249C, 0x2474],
        w: [0xff21, 0xff10],
        u: [0x2090, 0xff10]
    }

    const variantOffsets = {
        'monospace': 'm',
        'bold': 'b',
        'italic': 'i',
        'bold italic': 'bi',
        'script': 'c',
        'bold script': 'bc',
        'gothic': 'g',
        'gothic bold': 'bg',
        'doublestruck': 'd',
        'sans': 's',
        'bold sans': 'bs',
        'italic sans': 'is',
        'bold italic sans': 'bis',
        'parenthesis': 'p',
        'circled': 'o',
        'fullwidth': 'w'
    }

    // special characters (absolute values)
    var special = {
        m: {
            ' ': 0x2000,
            '-': 0x2013
        },
        i: {
            'h': 0x210e
        },
        g: {
            'C': 0x212d,
            'H': 0x210c,
            'I': 0x2111,
            'R': 0x211c,
            'Z': 0x2128
        },
        o: {
            '0': 0x24EA,
            '1': 0x2460,
            '2': 0x2461,
            '3': 0x2462,
            '4': 0x2463,
            '5': 0x2464,
            '6': 0x2465,
            '7': 0x2466,
            '8': 0x2467,
            '9': 0x2468,
        },
        p: {},
        w: {}
    }
    //support for parenthesized latin letters small cases 
    for (var i = 97; i <= 122; i++) {
        special.p[String.fromCharCode(i)] = 0x249C + (i - 97)
    }
    //support for full width latin letters small cases 
    for (var i = 97; i <= 122; i++) {
        special.w[String.fromCharCode(i)] = 0xff41 + (i - 97)
    }

    const chars = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz';
    const numbers = '0123456789';

    var getType = function (variant) {
        if (variantOffsets[variant]) return variantOffsets[variant]
        if (offsets[variant]) return variant;
        return 'm'; //monospace as default
    }
    var getFlag = function (flag, flags) {
        if (!flags) return false
        return flags.split(',').indexOf(flag) > -1
    }

    var type = getType(variant);
    var underline = getFlag('underline', flags);
    var strike = getFlag('strike', flags);
    var result = '';

    for (var k of str) {
        let index
        let c = k
        if (special[type] && special[type][c]) c = String.fromCodePoint(special[type][c])
        if (type && (index = chars.indexOf(c)) > -1) {
            result += String.fromCodePoint(index + offsets[type][0])
        } else if (type && (index = numbers.indexOf(c)) > -1) {
            result += String.fromCodePoint(index + offsets[type][1])
        } else {
            result += c
        }
        if (underline) result += '\u0332' // add combining underline
        if (strike) result += '\u0336' // add combining strike
    }
    return result
}
</script>
@endpush
@section('content')

<div class="container">
    <div class="row justify-content-center">
        <div class="col-md-8">
            <div class="card">
                <div class="card-header">Transfer Cases to another Dealing Assistant</div>
                <div class="card-body">
                    <form>
                        @csrf
                        <div class="row mb-3">
                            <label for="email" class="col-md-3 col-form-label text-md-end">Dealing Assistant</label>

                            <div class="col-md-5">
<select class="form-select form-select-sm" name="da" id="da">
@foreach($da as $value)
<option value="{{ $value->id }}">{{ $value->name.' ('.$value->post_name.')' }}</option>
@endforeach
</select>
                            </div> 
                            <div class="col-md-3">
<select class="form-select form-select-sm" name="pd" id="pd">
<option value="">All</option>
<option value="P">Pending</option>
<option value="D">Closed</option>
</select>
                            </div>
                        </div>

<div class="row mb-0">
                            <div class="col-md-5 offset-md-3">
<button type="button" class="btn btn-primary getCases">SUBMIT</button>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
    <div class="row justify-content-center">
        <div class="casesDiv bg-white m-3"></div>
</div>
</div>
@endsection
@push('scripts')
 <script>
      function checkAll(ele) {
        var checkboxes = document.getElementsByTagName('input');
        if (ele.checked) {
            for (var i = 0; i < checkboxes.length; i++) {
                if (checkboxes[i].type == 'checkbox') {
                    if (checkboxes[i].name.indexOf('chk') == 0) {
                        checkboxes[i].checked = true;
                    }
                }
            }
        } else {
            for (var i = 0; i < checkboxes.length; i++) {
                if (checkboxes[i].type == 'checkbox') {
                    if (checkboxes[i].name.indexOf('chk') == 0) {
                        checkboxes[i].checked = false;
                    }
                }
            }
        }
    }
$(document).ready(function(){
  $(document).on("click", '.getCases', function(e) {
    var da=$('#da').val();
    var pd=$('#pd').val();
    var cntr=0;
  var result='';  
    var postUrl = "{{ url('/get_da_cases') }}";
      $.post(postUrl,
               {   "da": da, "pd": pd, "_token": "{{ csrf_token() }}" })
                 .done(function(data)
                {
                    result += '<br><form method="post" action="save_upload_documents" enctype="multipart/form-data">{{csrf_field()}}';
                  result += "<table width='100%' class='table table-striped table-bordered align-middle fs-12px data-table-default'><thead><tr><th width='1%' data-orderable='false'><input class='form-check-input' type='checkbox' id='checkall' name='checkall' value='yes' onchange='checkAll(this);'></th><th width='1%' data-orderable='false'>SN</th><th>ANR No.</th><th>Applicant</th><th>Category</th><th>Old ANR No.</th></tr></thead>"; 
                   $.each(data, function( key, value ) {
result += "<tr><td><input class='form-check-input' type='checkbox' name='chk[]' value='"+value.id+"'></td><td>"+(++cntr)+"</td><td class='text-nowrap'>"+value.anr_no+" / "+value.anr_year+"</td><td>";
result += value.applicants;
result += "</td>";
result += "<td>";
result += value.category;
result += "</td><td>"+(value.legal_aid_grant_no==null ? '' : value.legal_aid_grant_no)+"</td></tr>";
                    });                   

        
                   result += "</table>";
                   result += '<div class="row mb-3"><div class="input-group col-md-12"><div class="col-md-3 text-end"><label for="dato" class="form-label">Transfer to Dealing Assistant </label>&nbsp;</div><div class="col-md-6"><select class="form-select form-select-sm d-inline-block" name="dato" id="dato">';
@foreach($da as $value) 
if({{ $value->id }}!=da)
result += '<option value="{{ $value->id }}">{{ $value->name.' ('.$value->post_name.')' }}</option>';
@endforeach
result += '</select></div><div class="col-md-3">&nbsp;<input type="button" name="doTransfer" value="Transfer" class="doTransfer"/></div></div></div>';                   
                   result += '</form>';                    
                   $('.casesDiv').html(result);
                   $('.data-table-default').DataTable({     

    "bPaginate": false,
    "bLengthChange": false,
    "bFilter": true,
    "bInfo": false,
    "bAutoWidth": false,

    }); 
    

                });
              });


$(document).on("click", '.doTransfer', function(e) {
    var checkvar = 0;
    var checkboxes = document.getElementsByTagName('input');
        for (var i = 0; i < checkboxes.length; i++) {
            if (checkboxes[i].type == 'checkbox') {
                if (checkboxes[i].name.indexOf('chk') == 0) {
                    if (checkboxes[i].checked){
                        checkvar = 1;
                    }

                }
            }
        }
        if (checkvar == 0) {
            alert("Select atleast one Application.");
            return;
        }

    var da1 = $( "#da option:selected" ).text();
    var da2 = $( "#dato option:selected" ).text();
if (confirm("Please do it carefully, it will transfer all selected cases of "+toUnicodeVariant(da1, 'bold sans', 'bold')+" to "+toUnicodeVariant(da2, 'bold sans', 'bold')+".") == true) { 
var dato=$('#dato').val();
var str='';
var cntr=0;
        var checkboxes = document.getElementsByTagName('input');
        for (var i = 0; i < checkboxes.length; i++) {
            if (checkboxes[i].type == 'checkbox') {
                if (checkboxes[i].name.indexOf('chk') == 0) {
                    if (checkboxes[i].checked){
                        checkvar = 1;

str+=checkboxes[i].value+","; 
cntr++;
if(cntr>100){
    var postUrl = "{{ url('/transfer_da_cases') }}";
      $.post(postUrl,
               {   "str": str, "da": dato, "_token": "{{ csrf_token() }}" })
                 .done(function(data)
                {

                })
    cntr=0;
    str='';
}

                    }
                }
            }
        }


           if(str!=''){
            var postUrl = "{{ url('/transfer_da_cases') }}";
      $.post(postUrl,
               {   "str": str, "da": dato, "_token": "{{ csrf_token() }}" })
                 .done(function(data)
                {

                })


           }
           $('.getCases').click();

    }
    }); 
 

})
</script>
@endpush