@extends('layouts.app')

@section('content')
    <!-- breadcrumb -->
    <div class="breadcrumb-header justify-content-between">
        <div class="my-auto">
            <h4 class="page-title">Role Management</h4>
            <ol class="breadcrumb">
                <li class="breadcrumb-item"><a href="{{ route('backend.dashboard')}}">Dashboard</a></li>
                <li class="breadcrumb-item active" aria-current="page"><a href="javascript:void(0);">Role Management</a></li>
            </ol>
        </div>
        <div class="d-flex my-xl-auto right-content align-items-center">
            <div class="mb-xl-0">
                <div class="dropdown">
                    <button class="btn btn-primary" onclick="location.href='{{ route('roles.create') }}'" type="button" aria-expanded="false">
                        + Create New Role
                    </button>
                </div>
            </div>
        </div>
    </div>
    <!-- breadcrumb -->
    @include('layouts.message')
    <!-- row -->
    <!-- Row -->
    <div class="row row-sm">
        <div class="col-lg-12">
            <div class="card">
                <div class="card-body">
                    <div class="table-responsive">
                      {!! $html->table(['class' => 'table border-top-0 table-bordered text-nowrap border-bottom','id'=>'RoleDataTable']) !!}
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- End Row -->
    @push('scripts')
    {!! $html->scripts() !!}
    <script type="text/javascript">
      var SITE_URL = "{{ URL::to('/') }}";

      function deleteConfirm(id) {
          Swal.fire({
              title: "Are you sure?",
              text: "Are you sure you want to delete this role?",
              icon: "question",
              showCancelButton: true,
              confirmButtonColor: "#3085d6",
              cancelButtonColor: "#d33",
              confirmButtonText: "Yes",
              cancelButtonText: "No",
          }).then((result) => {
              if (result.isConfirmed) {
                  $.ajax({
                      url: SITE_URL + '/roles/' + id,
                      type: "DELETE",
                      cache: false,
                      data: {
                          _token: '{{ csrf_token() }}'
                      },
                      success: function(data, textStatus, xhr) {
                          if (data == true && textStatus == 'success' && xhr.status == '200') {
                              Swal.fire({
                                  title: "Deleted!",
                                  text: "Role deleted successfully!",
                                  icon: "success",
                                  customClass: {
                                      confirmButton: "btn btn-primary mx-2"
                                  }
                              }).then(() => {
                                  $('#RoleDataTable').DataTable().ajax.reload(null, false);
                              });
                          } else {
                              Swal.fire({
                                  title: "Error!",
                                  text: data,
                                  icon: "error",
                                  customClass: {
                                      confirmButton: "btn btn-primary mx-2"
                                  }
                              });
                          }
                      }
                  });
              }
          });
      }
  </script> 
  @endpush
@endsection