@extends('layout.main')

@section('judul')
    Data Galeri Kucing
@endsection

@section('isi')
<div class="card">
    <div class="card-header">
      <h3 class="card-title">
        Tambah Data Galeri
      </h3>

      <div class="card-tools">
        <button type="button" class="btn btn-tool" data-card-widget="collapse" data-toggle="tooltip" title="Collapse">
          <i class="fas fa-minus"></i></button>
        <button type="button" class="btn btn-tool" data-card-widget="remove" data-toggle="tooltip" title="Remove">
          <i class="fas fa-times"></i></button>
      </div>
    </div>
    <div class="card-body">
        <form action="/galeri/store" method="POST" enctype="multipart/form-data">
            @csrf
            <div class="form-group">
                <!-- Label untuk nama kucing -->
                <label for="nama_kucing">Nama Kucing:</label><br>
                <!-- Input field untuk nama kucing -->
                <input type="text" name="nama_kucing" id="nama_kucing" class="form-control" required><br>
                <label for="deskripsi">Deskripsi:</label><br>
                <!-- Kolom teks untuk deskripsi -->
                <textarea name="deskripsi" id="deskripsi" class="form-control" rows="4" required></textarea><br>
                <label for="gambar_kucing">Gambar Kucing:</label><br>
                <input type="file" name="gambar_kucing" id="gambar_kucing" class="form-control-file" accept="image/*" required>
                <small class="form-text text-muted">Pilih gambar kucing untuk diunggah. Format yang didukung: JPG, JPEG, PNG, GIF.</small><br>
            </div>
            <button type="submit" class="btn btn-primary">Simpan</button><br>
        </form>
    </div>
  </div>
</div>
@endsection