@extends('layouts.contentLayoutMaster')
{{-- page title --}}
@section('title', 'Lista de Permissões')
{{-- vendor style --}}
@section('vendor-styles')
  <link rel="stylesheet" type="text/css" href="{{ asset('vendors/css/tables/datatable/datatables.min.css') }}">
  <link rel="stylesheet" type="text/css"
    href="{{ asset('vendors/css/tables/datatable/extensions/dataTables.checkboxes.css') }}">
  <link rel="stylesheet" type="text/css" href="{{ asset('vendors/css/tables/datatable/responsive.bootstrap.min.css') }}">
@endsection
{{-- page style --}}
@section('page-styles')
  <link rel="stylesheet" type="text/css" href="{{ asset('css/pages/app-invoice.css') }}">
@endsection

@section('content')
  <!-- invoice list -->
  <section class="invoice-list-wrapper">
    <!-- create invoice button-->
    <div class="invoice-create-btn mb-1">
      <a href="{{ route('permissions.create') }}" class="btn btn-primary glow invoice-create" role="button"
        aria-pressed="true">Criar Permissão</a>
    </div>
    <!-- Options and filter dropdown button-->
    <div class="action-dropdown-btn d-none">
    </div>
    <div class="table-responsive">
      @if ($message = Session::get('success'))
        <div class="alert alert-success alert-block">
          <button type="button" class="close" data-dismiss="alert">×</button>
          <strong>{{ $message }}</strong>
        </div>
      @endif

      @if (count($errors) > 0)
        <div class="alert alert-danger">
          <strong>Ops!</strong> Ouve algum problema.
          <ul>
            @foreach ($errors->all() as $error)
              <li>{{ $error }}</li>
            @endforeach
          </ul>
        </div>
      @endif
      <table class="table invoice-data-table dt-responsive nowrap" style="width:100%">
        <thead>
          <tr>
            <th></th>
            <th></th>
            <th>ID</th>
            <th>Nome</th>
            <th>Descrição</th>
            <th>Editar</th>
          </tr>
        </thead>
        <tbody>

          @foreach ($permissions as $item)
            <tr>
              <td></td>
              <td></td>
              <td><a href="{{ route('permissions.edit', $item->id) }}">{{ $item->id }}</a></td>
              <td>{{ $item->name }}</td>
              <td>{{ $item->description }}</td>
              <td>
                <div class="row">
                  <div class="invoice-action">
                    <a href="{{ route('permissions.edit', $item->id) }}" class="invoice-action-edit cursor-pointer">
                      <i class="bx bx-edit primary"></i>
                    </a>
                  </div>
                  <div class="invoice-action">
                    <form action="{{ route('permissions.destroy', $item->id) }}" method="post">
                      @csrf
                      @method('DELETE')
                      <button type="submit" class="invoice-action-view mr-1" style="outline: thin; border: hidden; background-color: #fff;">
                        <i class="bx bx-trash-alt danger"></i>
                      </button>
                    </form>
                  </div>
                </div>
              </td>
            </tr>
          @endforeach

        </tbody>
      </table>
    </div>
  </section>
@endsection

{{-- vendor scripts --}}
@section('vendor-scripts')
  <script src="{{ asset('vendors/js/tables/datatable/datatables.min.js') }}"></script>
  <script src="{{ asset('vendors/js/tables/datatable/dataTables.bootstrap4.min.js') }}"></script>
  <script src="{{ asset('vendors/js/tables/datatable/datatables.checkboxes.min.js') }}"></script>
  <script src="{{ asset('vendors/js/tables/datatable/dataTables.responsive.min.js') }}"></script>
  <script src="{{ asset('vendors/js/tables/datatable/responsive.bootstrap.min.js') }}"></script>
@endsection
{{-- page scripts --}}
@section('page-scripts')
  <script src="{{ asset('js/scripts/pages/app-invoice.js') }}"></script>
@endsection