@extends('super-admin.layouts.main')
@section('content')
<main>
   <!-- Content Wrapper. Contains page content -->
   <div class="content-wrapper">
    <!-- Content Header (Page header) -->
    <div class="content-header">
      <div class="container-fluid">
        <div class="row mb-2">
          <div class="col-sm-6">
            <h1 class="m-0">Add Departments</h1>
          </div><!-- /.col -->
         
        </div><!-- /.row -->
      </div><!-- /.container-fluid -->
    </div>
   <!-- Main content -->
   <div class="content">
      <div class="container-fluid">
        <div class="card">
          <div class="row">
            <div class="col-lg-12">
              <div class="card-body">
            <form action="{{ route('departments.store') }}"  method="POST" enctype="multipart/form-data" id="categoryAddForm">
             @if(Session::has('success'))
             <div class="alert alert-success">{{ Session::get('success') }}</div>
             @endif
             @csrf
           <div class="form-group">
          <label class="form-label" for="department_name">Department Name</label>
           <input type="text" class="form-control" id="department_name" name="name"
             placeholder="Department Name" value="{{ old('name') }}" autocomplete="off" />
              <label id="agent-name-error" class="error" style="display: none;"></label>
              @error('name')
            <span class='text-danger'>{{$message}}</span>
              @enderror
           </div>

               <button class="btn btn-info mt-4" type="submit">Submit</button>
            </form>
  
              </div>
            </div>
          </div>
        </div>
        <!-- /.row -->
      </div><!-- /.container-fluid -->
    </div>
    <!-- /.content -->
  </div>
  <!-- /.content-wrapper -->
</main>
@endsection