@extends('layouts.user_type.auth')

@section('content')
  <div class="container-fluid">
    <div class="row">
      <div class="col-12">

        <div class="card card-success">
          <div class="card-header">
            <h3 class="card-title">Form Pembuatan Usulan Permohonan Pembayaran </h3>
          </div>
          @if (session('success'))
            <div class="card-body">
              <x-alert type="success" message="{{ session('success') }}" />
            </div>
          @endif
          <div class="card-body">
            <form action="{{ route('usulan-permohonan.store') }}" method="POST" enctype="multipart/form-data"
              id="usulanForm">
              @csrf
              <div class="row">
                <div class="card-body">
                  <div class="col-md-12">
                    <div class="mb-3">
                      <label for="">Nama Usulan</label>
                      <input type="text" class="form-control" id="nama_usulan" name="nama_usulan" required
                        autocomplete="off">
                    </div>
                    <div class="mb-3">
                      <label for="">Nomor Usulan</label>
                      <input type="text" class="form-control" id="nomor_usulan_kl" name="nomor_usulan_kl" required
                        autocomplete="off">
                    </div>
                    <div class="mb-3">
                      <label for="">Kategori Usulan</label>
                      <select class="form-select" id="kategori_id" name="kategori_id" required>
                        <option value="" selected disabled>Pilih Kategori Usulan</option>
                        @foreach ($kategoriUsulan as $kategori)
                          <option value="{{ $kategori->id }}">{{ $kategori->nama_kategori_usulan }}</option>
                        @endforeach
                      </select>
                    </div>
                    <div class="mb-3">
                      <button type="submit" class="btn btn-primary">Submit</button>
                      <a href="{{ route('usulan-permohonan') }}" class="btn btn-secondary">Kembali</a>
                    </div>
                  </div>
                </div>
            </form>
          </div>
        </div>
      </div>
    </div>
  </div>
@endsection