@extends('layouts.app')
@section('title', 'Tambah Nomor Golongan')

@section('content')
<section class="content">
  <div class="container-fluid">
    <div class="row">
    <div class="col-md-12">
    <div class="card card-primary">
    <div class="card-header">
    <h3 class="card-title">Formulir Tambah Data Nomor Golongan</h3>
    </div>

  @if ($errors->any())
    <div class="alert alert-danger">
        <strong>Whoops!</strong> There were some problems with your input.<br><br>
        <ul>
            @foreach ($errors->all() as $error)
                <li>{{ $error }}</li>
            @endforeach
        </ul>
    </div>
  @endif
  <form action="{{ route('golongan.store') }}" method="POST">
    @csrf
    <div class="card-body">
        <div class="form-group">
            <label for="kode_golongan">Cabang</label>
            <select name="cabang_id" class="form-control" required>
              <option value="">Pilih Cabang</option>
              @foreach ($cabangs as $item)
              <option value="{{ $item->id }}">{{ $item->nama }}</option>
              @endforeach
          </select>
        </div>
        <div class="form-group">
            <label for="nama">Golongan</label>
            <input type="text" class="form-control" name="nama" id="nama_golongan" placeholder="Silakan Masukan Nama Golongan">
        </div>
        <div class="form-group">
            <label for="usia_min">Usia Minimal (tahun)</label>
            <input type="number" class="form-control" name="usia_min" id="usia_min" placeholder="Contoh: 15" min="0">
        </div>
        <div class="form-group">
            <label for="usia_max">Usia Maksimal (tahun)</label>
            <input type="number" class="form-control" name="usia_max" id="usia_max" placeholder="Contoh: 18" min="0">
        </div>
    <div class="card-footer">
    <button type="submit" class="btn btn-primary">Submit</button>
    <a class="btn btn-success" href="{{ route('golongan.index')}}">Kembali</a>
    </div>
  </form>
              <!-- /.card -->
            </div>
            <!-- /.col -->
          </div>
          <!-- /.row -->
        </div>
        <!-- /.container-fluid -->
</section>
@endsection