@extends('layouts.app-master')
@section('content')


    <div class="wrapper">
        
         <div class="content-wrapper">
            <section class="content-header">
               <div class="container-fluid">
                  <div class="row mb-2">
                     <div class="col-sm-6"><h1>Add User Role</h1></div>
                     <div class="col-sm-6">
                        <ol class="breadcrumb float-sm-right">
                           <li class="breadcrumb-item"><a href="{{ route('home.index') }}">Home</a></li>
                           <li class="breadcrumb-item active">Role Manager</li>
                        </ol>
                     </div>
                  </div>
               </div>
            </section>
            <section class="content">
               <div class="container-fluid">
                  <div class="row">
                     <div class="col-md-12">
                        <div class="card card-primary">
                           <div class="card-header">
                              <h3 class="card-title">Role Manager</h3>
                           </div>
                           <div class="card-body">
                               @if(session('status'))
                               <div class="alert alert-success mb-1 mt-1">
                                   {{ session('status') }}
                                </div>
                                @endif
                                <form action="{{ route('roles.store') }}" method="POST" enctype="multipart/form-data">
                                    @csrf
                                    <div class="form-horizontal">
                              <div class="card-body">
                                 <div class="form-group row">
                                    <label for="inputEmail3" class="col-sm-5 col-form-label">Role Name<font color="red">*</font></label>
                                    <div class="col-sm-7">
                                       <div class="input-group mb-3">
                                          <div class="input-group-prepend"><span class="input-group-text"><i class="fas fa-tags"></i></span></div>
                                          <input type="text" name="name" class="form-control" placeholder="Ex: Purchaser" required>
                                          @error('name')
                        <div class="alert alert-danger mt-1 mb-1">{{ $message }}</div>
                        @enderror
                                       </div>
                                    </div>
                                 </div>
								  <div class="card-footer">
									 <button type="submit" class="btn btn-info">Create Role</button>
									 <button type="submit" class="btn btn-default float-right">Reset</button>
								  </div>
                              </div>
                           </div>
</form>
                        </div>
                     </div>
                     <div class="">
                        <div class="card card-danger">
                           <div class="card-header">
                              <h3 class="card-title">Role Manager</h3>
                           </div>
                           <div class="card-body">
                           @if ($message = Session::get('success'))
            <div class="alert alert-success">
                <p>{{ $message }}</p>
            </div>
        @endif
       
                              <table id="example1" class="table table-bordered table-striped">
                                 <thead>
                                    <tr>
                                       <th>Sl.No</th>
                                       <th>Role</th>
                                       <th>Status</th>
                                       <th>Action</th>
                                    </tr>
                                 </thead>
                                 <tbody>
                                 @php $in = 1 @endphp
                                 @foreach ($roles as $role)
                    <tr>
                        <td>{{ $in++ }}</td>
                        <td>{{ $role->name }}</td>
                        <td>
            @if ($role->status == 1)
                <span class="badge badge-success">Active</span>
            @else
                <span class="badge badge-danger">In-Active</span>
            @endif
        </td>
        <td>
        <div class="d-flex">
                            <form action="{{ route('role.destroy',$role->id) }}" method="Post">
                                <a class="btn btn-info btn-sm" href="{{ route('role.edit',$role->id) }}"><i class="fa fa-edit"></i>Edit</a>
                                @csrf
                                @method('DELETE')
                                <button type="submit" class="btn btn-warning btn-sm"><i class="fa fa-trash"></i> Delete</button>
                            </form> &nbsp;
            @if ($role->status == 1)
                <form action="{{ route('roles.suspend', $role->id) }}" method="POST">
                    @csrf
                    @method('PUT')
                    <button type="submit" class="btn btn-danger btn-sm"><i class="fa fa-trash"></i> Suspend</button>
                </form>
            @else
                <form action="{{ route('roles.unsuspend', $role->id) }}" method="POST">
                    @csrf
                    @method('PUT')
                    <button type="submit" class="btn btn-success btn-sm"><i class="fa fa-check"></i> Un Suspend</button>
                </form>
            @endif
            </div>
        </td>
                     
                    </tr>
                    @endforeach
                                  
                               
                                 </tbody>
                                 <tfoot>
                                    <tr>
                                       <th>Sl.No</th>
                                       <th>Role</th>
                                       <th>Status</th>
                                       <th>Action</th>
                                    </tr>
                                 </tfoot>
                              </table>
                           </div>
                        </div>
                        <div class="card card-success">
                           <div class="card-header"><h3 class="card-title">How to use Role Manager</h3></div>
                           <div class="card-body">
                              <div class="row"><div class="col-12"><b>Note:</b> Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever</div></div>
                           </div>
                        </div>
                     </div>
                  </div>
               </div>
            </section>
         </div>


@endsection