@extends('layouts.app')

@section('content')
<div class="col-md-12">
    <div class="row">
        
        <div class="cont-inner-wrap">
            <div class="page-tittleBox">
                <div class="caption pull-left">
                    <h2 class="pageHead">Permission</h2>
                    <span class="subtitle"> </span>
                </div>
                <div class="action-button success_actions pull-right" style="">
                    <li class="button-dropdown">
                        <a href="" class="plusBtn_icon action_add" data-toggle="modal" data-target="#new_filesAdd"> Action Add</a>
                        <a href="javascript:void(0)" class="pro-wrapBox dropdown-toggle">
                            <button class="actionBtn">Action</button>
                        </a>
                        <ul class="dropdown-menu">
                            <li>
                                <a href="#">New Permission</a>
                            </li>
                        </ul>
                    </li>
                </div>
            </div>
            <div class="cont-dtsBox">
                <div class="table-wrap">
                    <table class="table table-striped tbl_permission">
                        <!--Table head-->
                        <thead>
                            <tr>
                                <th>Permission</th>
                            </tr>
                        </thead>
                        <!--Table head-->

                        <!--Table body-->
                        <tbody>
                            @include('admin.permission.ajax_table',['permissions' => $permissions])
                        </tbody>
                        <!--Table body-->
                    </table>
                    <!--Table-->
                </div>
            </div>
        </div>
    </div>
</div>
@include('admin.permission.modals.create',['roles' => $roles])
@endsection

@section('admin_css')
<link rel="stylesheet" type="text/css" href="{{ asset('admin/css/select2.min.css')}}"/>
<style>
    .select2-search__field{
        display: none !important;
    }
</style>

@stop
@section('admin_js')
<script type="text/javascript" src="{{ asset('admin/js/select2.full.min.js')}}"></script>
<script type="text/javascript">
$(document).ready(function () {
    $('.select2').select2();
});
$(document).on("submit", "#permission_frm", function (e) {
    e.preventDefault();
    $.ajaxSetup({
        headers: {
            'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
        }
    });
    $(this).find("p.role_id").text("");
    $(this).find("p.permission").text("");
    var formData = new FormData(this);
    $.ajax({
        type: "POST",
        url: "{{route('permissions.store')}}",
        data: formData,
        cache: false,
        contentType: false,
        processData: false,
        success: function (data) {
            if (data.status == 30000) {
                $.each(data.errors, function (key, value) {
                    $("." + key).removeClass("hidden").text(value);
                });
            }
            if (data.status == 10000) {
                $("table.tbl_permission tbody").html(data.html);
                $('#new_filesAdd').modal('hide');
                $('.modal-backdrop').remove();
                success_msg(data.message);
            }
            if (data.status == 20000) {
                console.log(data.message);
            }

        }
    });
})
</script>
@stop