@extends('layouts.app',['dashBoardTitle'=>'MANAGE YOUR PERMISSIONS'])
@section('buttons')

    <a  class="btn btn-success btn-sm float-right" style="width: 150px;margin-left:290px;">Add permissions</a>
    @endsection
@section('content')
<div class="container " id="main-container">
    <div class="row justify-content-center">
        <div class="mt-2">
            @include('layouts.partials.messages')
        </div>

        <table class="table table-striped">
            <thead>
            <tr>
                <th scope="col" width="15%">Name</th>
                <th scope="col">Guard</th> 
                <th scope="col" colspan="3" width="1%"></th> 
            </tr>
            </thead>
            <tbody>
                @foreach($permissions as $permission)
                    <tr>
                        <td>{{ $permission->name }}</td>
                        <td>{{ $permission->guard_name }}</td>
                        <td><a href="{{ route('permissions.edit', $permission->id) }}" class="btn btn-success btn-sm">Edit</a></td>
                        <td>
                            <button type="submit" data-toggle="modal" data-target="#deletepermissionModal" class="btn btn-danger">Delete</button>
                                <div class="modal fade" id="deletepermissionModal" tabindex="-1" role="dialog" aria-labelledby="deletepermissionModalLabel" aria-hidden="true">
                                    <div class="modal-dialog">
                                        <div class="modal-content">
                                            <div class="modal-header ppup">
                                            <h5 class="modal-title" id="closeTicketModalLabel">Delete Permission</h5>
                                                <button type="button" class="close closebtn" data-dismiss="modal" data-id="$permission->id" aria-label="Close" style="float:right">
                                                    <span aria-hidden="true">&times;</span >
                                                </button>
                                            </div>
                                            <div class="modal-body">
                                                <h4 class="modal-body" >You want delete <span style="color:red" <b>{{ $permission->name }}</b></span> permission </h4>
                                                    {!! Form::open(['method' => 'DELETE','route' => ['permissions.destroy', $permission->id],'style'=>'display:inline']) !!}
                                                     {!! Form::submit('Delete', ['class' => 'btn btn-danger']) !!}
                                                        <button type="button" style="float:right" class="btn btn-success" data-dismiss="modal" data-id="$ticket->ticket_id" aria-label="Close">Back</button>
                                                        
                                                    
                                                    {!! Form::close() !!}                                                         
                                            </div>
                                        </div>
                                    </div>
                                </div>    
                        </td>
                    </tr>
                @endforeach
            </tbody>
        </table>

    </div>
@endsection