TIF_NGANJUK_E41220778/resources/views/admin/buku/create.blade.php

67 lines
3.4 KiB
PHP

<x-app-layout>
@section('page-title', $pageTitle)
<div class="card shadow-sm border-0">
<div class="card-header bg-white d-flex align-items-center">
<a href="{{ route('admin.buku.index') }}" class="btn btn-light me-2">
<i class="bi bi-arrow-left"></i>
</a>
<h5 class="my-0 fw-bold">Formulir Tambah Buku Baru</h5>
</div>
<div class="card-body">
<form action="#" method="POST">
{{-- Form ini tidak akan berfungsi karena tidak ada backend --}}
<div class="row">
<div class="col-md-8">
<div class="mb-3">
<label for="judul" class="form-label">Judul Buku</label>
<input type="text" class="form-control" id="judul" placeholder="Masukkan judul buku">
</div>
<div class="mb-3">
<label for="penulis" class="form-label">Penulis</label>
<input type="text" class="form-control" id="penulis"
placeholder="Masukkan nama penulis">
</div>
<div class="row">
<div class="col-md-6 mb-3">
<label for="kategori" class="form-label">Kategori</label>
<input type="text" class="form-control" id="kategori"
placeholder="Contoh: Fiksi, Sains">
</div>
<div class="col-md-6 mb-3">
<label for="tahun" class="form-label">Tahun Terbit</label>
<input type="number" class="form-control" id="tahun" placeholder="Contoh: 2024">
</div>
</div>
<div class="mb-3">
<label class="form-label">Tipe Akses</label>
<div class="form-check">
<input class="form-check-input" type="checkbox" id="tipe_offline">
<label class="form-check-label" for="tipe_offline">Peminjaman Offline</label>
</div>
<div class="form-check">
<input class="form-check-input" type="checkbox" id="tipe_online">
<label class="form-check-label" for="tipe_online">Baca Online</label>
</div>
</div>
</div>
<div class="col-md-4">
<div class="mb-3">
<label for="cover" class="form-label">Cover Buku</label>
<input type="file" class="form-control" id="cover">
</div>
<div class="mb-3">
<label for="file_pdf" class="form-label">File PDF (untuk buku online)</label>
<input type="file" class="form-control" id="file_pdf">
</div>
</div>
</div>
<hr>
<div class="d-flex justify-content-end">
<button type="submit" class="btn btn-primary">Simpan Buku</button>
</div>
</form>
</div>
</div>
</x-app-layout>