@extends('layouts.admin')

@section('content')

    <div class="row">
        <ol class="breadcrumb">
            <li><a href="{{ route('admin.dashboard') }}"><i class="fa fa-dashboard"></i> Dashboard</a></li>
            <li><a href="{{ route('admin.roles.index') }}">Roles</a></li>
        </ol>
    </div>

    <div class="row">
        @if(session('success'))
            <div class="alert alert-success alert-dismissable">
                <button class="close" data-dismiss="alert"><i class="pci-cross pci-circle"></i></button>
                <strong>Success !</strong>
                {{ Session::get('success') }}
            </div>
        @elseif(session('failure'))
            <div class="alert alert-danger alert-dismissable">
                <button class="close" data-dismiss="alert"><i class="pci-cross pci-circle"></i></button>
                <strong>Failed !</strong> {{ Session::get('failure') }}
            </div>
        @endif
        <div class="panel panel-default">
            <div class="panel-heading">
                <h3 class="panel-title">Roles Management

                </h3>
            </div>
            <div class="panel-body">
                <div class="text-right">
                    <a href="{{ route('admin.roles.create') }}" class="btn btn-success">ADD NEW <i
                                class="fa fa-plus"></i></a>
                    <a href="{{ route('admin.roles.export') }}" class="btn btn-primary">EXPORT</a>
                </div>
                <br>
                <div class="table-responsive">
                    <table class="table table-bordered adminMgmtTable">
                        <thead>
                        <tr>
                            <th class="text-center">S.N</th>
                            <th>Role Name</th>
                            <th class="text-center">Status</th>
                            <th>Operation</th>
                        </tr>
                        </thead>

                        <tbody>
                        @if( count($groups) > 0 )

                            @foreach($groups as $k => $g)
                                <tr>
                                    <td align="center">{{ ++$k }} </td>
                                    <td>
                                        @if($g->id == config('constants.role_super_admin'))
                                            <strong>{{ strtoupper($g->name) }}</strong>
                                        @else
                                            {{ $g->name }}
                                        @endif
                                    </td>
                                    <td align="center">
                                        {!!  $g->status  ? '<strong style="color:green;">Active</strong>' : '<strong style="color:#bf302f;">Inactive</strong>' !!}
                                    </td>
                                    <td width="230">

                                        @if($g->id == config('constants.role_super_admin'))
                                            <span class="text-pink text-semibold">You cannot edit this role.</span>
                                        @else
                                            <a href="{{ route('admin.roles.edit-permission',$g->id) }}"
                                               class="btn btn-success" title="Edit Role's Permission"><i
                                                        class="fa fa-key"></i></a>

                                            @if(!in_array($g->user_id, [config('constants.role_super_admin'),config('constants.role_default_user')]))
                                                <a href="{{ route('admin.roles.edit',$g->id) }}"
                                                   class="btn btn-info" title="Edit"><i
                                                            class="fa fa-edit"></i></a>
                                                <a data-toggle="modal" data-target="#delete-modal"
                                                   class="btn btn-danger delete"
                                                   data-url="{{ route('admin.roles.destroy',$g->id) }}" title="Delete"><i
                                                            class="fa fa-trash"></i></a>
                                            @endif
                                        @endif
                                    </td>
                                </tr>
                            @endforeach
                        @else
                            <tr>
                                <td align="center" colspan="10">
                                    User Groups not found. &nbsp;
                                </td>
                            </tr>
                        @endif
                        </tbody>
                        <tfoot>
                            <tr>
                                <td colspan="8">
                                    @include('pagination', ['paginator' => $groups])
                                </td>
                            </tr>
                        </tfoot>
                    </table>
                </div>
            </div>
        </div>
    </div>

    <div class="modal" id="delete-modal" tabindex="-1" role="dialog">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-body">
                    <strong>If you delete this item you won't be able to undo in the future, do you want to
                        continue?</strong>
                </div>
                <div class="modal-footer">
                    <form action="" id="delete-form" method="POST">
                        @csrf
                        @method('DELETE')
                        <button type="button" class="btn btn-default pull-left" data-dismiss="modal">Cancel</button>
                        <button type="button" class="btn btn-danger" id="modal-submit">Yes</button>
                    </form>
                </div>
            </div>
        </div>
    </div>
@stop

@section('ext_js')
    <script>
        $(document).on('click', '.delete', function () {
            var actionUrl = $(this).attr('data-url');

            $('#delete-form').attr('action', actionUrl);

            $('#modal-submit').click(function (e) {
                $(this).attr('disabled', true);
                $(this).html('<i class="fa fa-spinner fa-spin" style=""></i> Please Wait...');
                $('#delete-form').submit();
            })
        });
    </script>
@endsection