@include('include/header_new')
<section class="container body-content">
    <!-- breadcrumb -->
    <nav aria-label="breadcrumb" class="row">
        <ol class="breadcrumb bg-transparent col-lg-12 p-20 m-b-5">
            <li class="breadcrumb-item active" aria-current="page"><a href="/home" style="color:#000;">Dashboard </a></li>
            <li class="breadcrumb-item" aria-current="page"><a href="#">Notifications</a></li>
        </ol>
    </nav>
</section>
<section class="container">
    <div class="row">
        <div class="col-lg-12">
            <div class="card border-0 bx-shadow p-15">
                <div class="row">
                    <div class="col-lg-12">
                        <h3>Notifications</h3>
                    </div>
                </div>

                <div class="row">
                    <form id="frm" action="/admin/user/update_approve" onsubmit="return approve();" method="post" class="col-lg-12">
                        <div class="row grey_bg notify_actions m-b-30">
                            <div class="col-md-1 col-sm-1 col-xs-12">
                                <label class="mar0 checkbox_normal" for="example-select-all">
                                    <input type="checkbox" id="example-select-all" value="option1">
                                    <span class="custom-icon checkbox-icon"></span>All </label>
                            </div>
                            <div class="col-md-11 col-sm-11 col-xs-12 text-right">
                                <div class=" mar0 notify_buttons"> 
                                    <a href="/admin/agency/assignments" class="btn dk_blue_bg text-white">
                                        <svg height="16" viewBox="0 0 48 48" width="16" xmlns="http://www.w3.org/2000/svg"><path d="M0 0h48v48h-48z" fill="none"/><path d="M38 6h-8.37c-.82-2.32-3.02-4-5.63-4s-4.81 1.68-5.63 4h-8.37c-2.21 0-4 1.79-4 4v28c0 2.21 1.79 4 4 4h28c2.21 0 4-1.79 4-4v-28c0-2.21-1.79-4-4-4zm-14 0c1.1 0 2 .89 2 2s-.9 2-2 2-2-.89-2-2 .9-2 2-2zm4 28h-14v-4h14v4zm6-8h-20v-4h20v4zm0-8h-20v-4h20v4z" class="icon_white"/></svg>
                                        Show Assignments
                                    </a> 
                                    <a href="/admin/user/" class="btn dk_blue_bg text-white">
                                        <svg enable-background="new 0 0 50 50" height="16px" id="Layer_1" version="1.1" viewBox="0 0 50 50" width="16px" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><rect fill="none" height="16" width="16"/><path d="M30.933,32.528c-0.146-1.612-0.09-2.737-0.09-4.21c0.73-0.383,2.038-2.825,2.259-4.888c0.574-0.047,1.479-0.607,1.744-2.818  c0.143-1.187-0.425-1.855-0.771-2.065c0.934-2.809,2.874-11.499-3.588-12.397c-0.665-1.168-2.368-1.759-4.581-1.759  c-8.854,0.163-9.922,6.686-7.981,14.156c-0.345,0.21-0.913,0.878-0.771,2.065c0.266,2.211,1.17,2.771,1.744,2.818  c0.22,2.062,1.58,4.505,2.312,4.888c0,1.473,0.055,2.598-0.091,4.21C19.367,37.238,7.546,35.916,7,45h38  C44.455,35.916,32.685,37.238,30.933,32.528z" class="icon_white"/></svg>
                                        Approved Users
                                    </a>
                                    <button type="button" onclick="delete_user('del');" class="btn btn-danger text-white">
                                    <svg style="enable-background:new 0 0 512 512;" height="16" width="16" version="1.1" viewBox="0 0 512 512" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><style type="text/css">
                                    .st0{fill:#FFFFFF;}
                                    .st1{fill:none;stroke:#FFFFFF;stroke-width:16;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:5;}
                                </style><g id="Layer_1"/><g id="Layer_2"><g><g><path class="st0" d="M388.31,110.71h-63.59C323.89,73.51,293.39,43.5,256,43.5s-67.89,30.01-68.72,67.21h-63.59     c-24.34,0-44.08,19.73-44.08,44.08v1.25c0,24.34,19.73,44.08,44.08,44.08h264.61c24.34,0,44.08-19.73,44.08-44.08v-1.25     C432.38,130.44,412.65,110.71,388.31,110.71z M256,75.05c19.99,0,36.35,15.86,37.16,35.66h-74.33     C219.65,90.91,236.01,75.05,256,75.05z"/></g><g><path class="st0" d="M123.7,231.66c-1.49,0-2.97-0.04-4.43-0.13v183.29c0,29.64,24.03,53.67,53.67,53.67h166.11     c29.64,0,53.67-24.03,53.67-53.67V231.54c-1.46,0.09-2.94,0.13-4.43,0.13H123.7z M230.95,409.91c0,8.71-7.07,15.78-15.78,15.78     c-8.72,0-15.78-7.07-15.78-15.78V294.28c0-8.72,7.06-15.78,15.78-15.78c8.71,0,15.78,7.06,15.78,15.78V409.91z M312.6,409.91     c0,8.71-7.06,15.78-15.78,15.78c-8.71,0-15.78-7.07-15.78-15.78V294.28c0-8.72,7.07-15.78,15.78-15.78     c8.72,0,15.78,7.06,15.78,15.78V409.91z"/></g></g></g></svg>
                                        Delete
                                    </button>
                                    <input type="hidden" name="_token" id="token" value="{{ csrf_token() }}">
                                    <button type="submit" class="btn btn-success text-white">
                                        <svg enable-background="new 0 0 29.754 22.871" height="16" id="Capa_1" version="1.1" viewBox="0 0 29.754 22.871" width="16" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><path d="M29.049,1.566L28.19,0.708c-0.943-0.945-2.488-0.945-3.434,0L10.172,15.294l-5.175-5.173  c-0.943-0.944-2.489-0.944-3.432,0.001l-0.858,0.857c-0.943,0.944-0.943,2.489,0,3.433l7.744,7.752c0.944,0.943,2.489,0.943,3.433,0  L29.049,4.999C29.991,4.055,29.991,2.51,29.049,1.566z"class="icon_white"/></svg>
                                        Approve
                                    </button>  
                                    <button type="button" onclick="delete_user('decline');" class="btn btn-secondary text-white">

                                        Decline
                                    </button>
                                </div>
                            </div>
                        </div>
                        <div class="site-table table-responsive" style="overflow-x: visible;">
                            <table id="tableWithSearch_hourstable" class="dtable table table-striped table-bordered f-s-12"> <!--notification_table-->
                                <thead class="dk_blue_bg text_white">
                                    <tr>
                                        <th>#</th>
                                        <th>Full Name</th>
                                        <th>Number</th>
                                        <th>Email ID </th> 
                                        <th>Selected University</th>
                                        <th>Notes</th>
                                        <th>Time</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @foreach($admin_user as $adminuser)
                                    @php  $datetime=explode(' ',$adminuser->created_at);
                                    $datetimes = isset($datetime[1])?$datetime[1]:'';
                                    @endphp
                                    <tr>
                                        <td><label class="mar0 checkbox_normal" >
                                                <input type="checkbox" name="users[]" value="{{$adminuser->id}}">
                                                <span class="custom-icon checkbox-icon"></span> </label></td>
                                        <td><span>{{$adminuser->first_name}} {{$adminuser->last_name}}</span></td>
                                        <td>{{$adminuser->phone}}</td>
                                        <td>{{$adminuser->email}}</td> 
                                        <td>{{$adminuser->agencyname}}</td>
                                        <td>{{$adminuser->administrator_notes}}</td>
                                        <td>{{$datetimes}}</td>
                                    </tr>
                                    @endforeach
                                </tbody>
                            </table>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</section>
@include('include/footer_new') 
<script type="text/javascript">
$(document).ready(function() { 
        var table = $('#tableWithSearch_hourstable').DataTable(); 
    });
</script>
<script src="{!! asset('js/sweetalert-dev.js') !!}"></script>
<link rel="stylesheet" href="{!! asset('css/sweetalert.css') !!}">
@if(session()->has('appalert-success'))
{ 
<script type="text/javascript">
     sweetAlert("Success", "Profile Approved Successfully", "success");
</script> 
}
@endif 
<script type="text/javascript">
    $(document).ready(function () {

        $('#notification_table').DataTable({
            "aoColumnDefs": [{"bSortable": false, "aTargets": [0]}],
            "oLanguage": {
                "sLengthMenu": "_MENU_ ",
                "sInfo": "Showing <b>_START_ to _END_</b> of _TOTAL_ entries"
            },
        });
    });
</script> 
<script>
    // Handle click on "Select all" control
    $('#example-select-all').on('click', function () {
        $('input[name="users[]"]').prop('checked', $(this).prop("checked"));
    });

    function approve()
    {
        var splashArray = new Array();
        $('input[name="users[]"]:checked').each(function () {
            splashArray.push($(this).val());
        });
        if (splashArray.length === 0) {
            sweetAlert("Error", "Please select Users to Approve", "error"); 
            return false;
        } else {
            return true;
        }
    }

    function delete_user(type)
    {
        if(type=='del') {
            var msg1 = "Delete";
            var msg2 = "Removed";
            var urls = "remove_user";
            var msg3 = "remove";
        } else {
            var msg1 = "Decline";
            var msg2 = "Declined";
            var urls = "decline_user";
            var msg3 = "decline";
        }

        var splashArray = new Array();
        $('input[name="users[]"]:checked').each(function () {
            splashArray.push($(this).val());
        });
        if (splashArray.length === 0) {
            sweetAlert("Error", "Please select Users to "+msg1, "error"); 
        } else {
            sweetAlert({
                title: "Are You Sure!",
                text: "want to "+msg3+" user from User List?",
                type: "warning",
                showCancelButton: true,
                confirmButtonClass: "btn-danger",
                confirmButtonText: "Yes, "+msg1+"!",
                closeOnConfirm: false,
                showLoaderOnConfirm: true
            },
            function(){
                var token = $('#token').val();
                $.ajax({
                    url: "/admin/user/"+urls,
                    type: "POST",
                    data: {userlist: splashArray, _token: token},
                    success: function (data) {
                        if (data == 'failure')
                            sweetAlert("Error", "Due to internet problem not reachable database ,Try again", "error"); 
                        else {
                            sweetAlert("Success", "User "+msg2+" Successfully", "success");
                            window.location = "/admin/user/approve";
                        }
                    }
                });
            });
        }
    }

</script>