@extends('layouts.admin')

@section('title', 'Tambah Role')

@section('content')
<div class="main-content">
  <section class="section">
    <div class="section-header">
      <h1>Tambah Role</h1>
      <div class="section-header-breadcrumb">
        <div class="breadcrumb-item">
          <a href="{{ route('admin.roles.index') }}">Role</a>
        </div>
        <div class="breadcrumb-item active">Tambah</div>
      </div>
    </div>

    <div class="section-body">

      @if(session('success'))
        <div class="alert alert-success">
          {{ session('success') }}
        </div>
      @endif

      <div class="card">
        <div class="card-header">
          <h4>Form Tambah Role</h4>
        </div>

        <div class="card-body">

          <form action="{{ route('admin.roles.store') }}" method="POST">
            @csrf

            <div class="form-group">
              <label>Nama Role</label>
              <input type="text"
                     name="name"
                     value="{{ old('name') }}"
                     class="form-control @error('name') is-invalid @enderror"
                     placeholder="Contoh: Editor"
                     required>

              @error('name')
                <div class="invalid-feedback">
                  {{ $message }}
                </div>
              @enderror
            </div>

            <div class="form-group text-right">
              <a href="{{ route('admin.roles.index') }}"
                 class="btn btn-secondary">
                Kembali
              </a>

              <button type="submit"
                      class="btn btn-primary">
                Simpan
              </button>
            </div>

          </form>

        </div>
      </div>

    </div>
  </section>
</div>
@endsection