@extends(decide_template())

@section('title',  $pageTitle)

@section('page_styles')
<link href="{{ asset('themes/default/css/sweetalert2.min.css') }}" rel="stylesheet" type="text/css">
<link href="{{ asset('css/package-view.css') }}?v={{$local_version}}" rel="stylesheet" type="text/css">
@endsection

@section('page_scripts')
<script src="{{ asset('themes/default/js/sweetalert2.min.js') }}" type="text/javascript"></script>
<script src="{{ asset('themes/default/js/datatables.bundle.js') }}" type="text/javascript"></script>
<script>
    $(document).ready(function() {

        $('#new_id').live('change',function (){
            val =  $('#new_id').val();
            if(val=="")
                $('#deleteItem').hide();
            else
                $('#deleteItem').show();
        });

        $('#deleteItem').live('click',function (){
            
            new_id = $('#new_id').val();
            old_id = $('#old_id').val();
         //   alert(old_id);
          //  alert(new_id);
            $('#new_id-error').html('').hide();
            $(".blockUI").show();
            $.ajax({
                url: "{{ url('/') }}"+'/client/package/existing/delete/'+new_id+'/'+old_id,
                type: "GET",
                success: function(result) {
                    if(result == 'deleted') {
                        $(".blockUI").hide();
                        $("#modal-delete").modal("hide");
                        Command: toastr["success"] ("{{trans('user_management.view.success_confirmation.success_description')}}");
                        setTimeout(() => {
                            location.reload();
                        }, 1000);
                    }
                }
            });
        });
            
        $("a#help-article").css("display", "block");
        $("a#help-article").attr("href", "https://support.mumara.com/hc/articles/1/11/33/packages");

         // function in master2 layout
        var page_limit=show_per_page('','packages_pageLength',10);  // Params (table,page,default_limit=10)
        var table=$('#package').DataTable({
            "columnDefs": [
                { "orderable": false, "targets": [0,4] }
            ],
            "aaSorting": [[3, "desc"]],
            "pageLength" : page_limit,
            "aLengthMenu": [[10,50, 100, 500], [10,50, 100, 500]]
        });
         page_limit=show_per_page(table,'packages_pageLength');
    });

    function packageDelete(id,named) {

        $("#error-msg-upload").html('{!!trans('user_management.packages.modal.alert_message')!!}'.replace(':package',named));
        document.getElementById("get_users_list").innerHTML="";
        document.getElementById("new_id").innerHTML="";
        document.getElementById("new_id").value = "";
        $('#deleteItem').hide();
        
        var return_select="";
        var return_list = "";
    $.get('/client/package/check/users/' + id, function (data) {
        if (data == 'not_exists') {
            Swal.fire({
                title: "{{trans('user_management.view.alert_confirmation.delete_title')}}",
                text: "{{trans('user_management.view.alert_confirmation.delete_description')}}",
                iconHtml: `<div class="d-flex align-items-center justify-content-center rounded-circle bg-white shadow-sm border border-2 border-danger swal-icon">
                    <div class="d-flex align-items-center justify-content-center">
                        <i class="fa fa-trash text-danger"></i>
                    </div>
                </div>`,
                showCancelButton: true,
                confirmButtonColor: '#d33',
                cancelButtonColor: '#3085d6',
                confirmButtonText: "{{trans('dynamic_tags.alert_confirm.button.delete')}}"
            }).then((result) => {
                if (result.isConfirmed) {

                    $("#row_" + id).attr("style", "display:none");

                    $.ajax({
                        url: "{{ url('/') }}" + '/client/package/delete/' + id,
                        type: "DELETE",
                        success: function (result) {
                            if (result == 'delete') {
                                $('#msg').css("display", "flex");
                                $('#msg-text').html('{{trans('common.message.delete')}}');
                                $('#msg').removeClass('display-hide').addClass('alert alert-success');
                                Swal.fire({
                                    title: "{{trans('user_management.view.success_confirmation.success_title')}}",
                                    text: "{{trans('user_management.view.success_confirmation.success_description')}}",
                                    iconHtml: `<div class="d-flex align-items-center justify-content-center rounded-circle bg-white shadow-sm border border-2 border-success swal-icon">
                                        <div class="d-flex align-items-center justify-content-center">
                                            <i class="fa fa-check text-success"></i>
                                        </div>
                                    </div>`,
                                    showCancelButton: false,
                                    showConfirmButton: false,
                                    buttons: false
                                });
                                setTimeout(function () {
                                    Swal.close()
                                    location.reload();
                                }, 2500);
                            }
                        }
                    });
                }
            });
        }
        else {
            document.getElementById("old_id").value = id;
            $.get('/client/package/get_packages/' + id, function (response) {
               return_select += "<option value=''>Select Package</option>"; 
               for (var x = 0; x < response[0].length; x++) {
                return_select += "<option value="+ response[0][x]['id'] +">"+ response[0][x]['package_name'] + "</option> " + response[0][x]['package_name'] + " </a></li>";
                }
                var selectContainer=document.getElementById("new_id");
                selectContainer.innerHTML=return_select;
            });
           
            $("#modal-delete").modal("show");
             for (var x = 0; x < data[0].length; x++) {
                return_list += "<li><a href=\"#\"><i class=\"fa fa-angle-double-right\"></i> " + data[0][x]['name'] + " </a></li>";
            }
            var listContainer = document.getElementById("get_users_list");
            listContainer.innerHTML = "<ul class='no-list'>" + return_list + "</ul>";
        }
    });
}
</script>
@endsection

@section(decide_content())

<!-- will be used to show any messages -->
@if (Session::has('msg'))
<div class="alert alert-success" data-name="aXllqoHx">
    {{ Session::get('msg') }}
</div>
@endif
<div id="msg" class="display-hide" data-name="vVmeccnR">
    <button class="close" data-close="alert"></button>
    <span id='msg-text' class="alert-text"><span>
</div>

@if(!$roles)
<div class="col-md-12" data-name="upleLjiu">
    <div class="note prDomain" data-name="jjEvNAVx">
        <p>
            {{trans('user_management.role.alert_warning.role_not_found')}}
            <a href="{{ panelRoute('package.role.create') }}" type="button" class="btn btn-warning btn-sm">{{trans('user_management.role.button.add_new')}} </a>
        </p>
    </div>
</div>
@else
<div class="row" data-name="uhFYxSPT">
    <div class="col-md-12" data-name="BIxOVdSV">
        <!-- BEGIN EXAMPLE TABLE PORTLET-->
        <div class="kt-portlet kt-portlet--height-fluid" data-name="FMsEvEwu">
            <div class="kt-portlet__body" data-name="uJEXGYQl">
                <div class="table-toolbar" data-name="TzHVNfNG">
                    <div class="form-group row" data-name="mCSYtBtb">
                        <div class="col-md-6" data-name="MhKSQPeG">
                           @if(routeAccess('create.package.page'))
                            <div class="btn-group" data-name="GYSSAOoz">
                            <a href="{{ panelRoute('client.package.create') }}">
                                <button id="sample_editable_1_new" class="btn btn-label-success">
                                    <i class="la la-plus"></i> {{trans('common.form.button.add_new')}} 
                                </button></a>
                            </div>
                           @endif
                        </div>
                    </div>
                </div>
                <div class="table-scrollable">
                    <table class="table table-striped table-hover table-checkable" id="package" role="grid" >
                        <thead>
                            <tr role="row">
                                <th>{{trans('common.label.id')}}</th>
                                <th>{{trans('user_management.packages.view.table_heading.package_name')}}</th>
                                <th>{{trans('user_management.packages.table_headings.user_role')}}</th>
                                <th>{{trans('common.table_heading.created_on')}}</th>
                                <th>{{trans('common.table_heading.actions')}}</th>
                            </tr>
                        </thead>
                        <tbody>
                        @foreach($packages as $index => $package)
                            <tr class="gradeX odd" role="row" id="row_{{ $package->id }}">
                                <td>{{($package->id)}}</td>
                                <td>{{ ($package->package_name)}} </td>
                                <td><br />
<b>Fatal error</b>:  Uncaught Error: Class &quot;DB&quot; not found in /home/rehanjt/public_html/subdomains/test.rehan.jt.mumara.dev/resources/views/themes/default/client/view-package.blade.php:204
Stack trace:
#0 {main}
  thrown in <b>/home/rehanjt/public_html/subdomains/test.rehan.jt.mumara.dev/resources/views/themes/default/client/view-package.blade.php</b> on line <b>204</b><br />