관리-도구
편집 파일: keyword.blade.php
@extends('layouts.apps') @section('content') <main class="main-wrapper"> <div class="main-content"> <!-- Breadcrumb --> <div class="page-breadcrumb d-none d-sm-flex align-items-center mb-3"> <div class="breadcrumb-title pe-3">AK Furniture</div> <div class="ps-3"> <nav aria-label="breadcrumb"> <ol class="breadcrumb mb-0 p-0"> <li class="breadcrumb-item"> <a href="javascript:;"><i class="bx bx-home-alt"></i></a> </li> <li class="breadcrumb-item active">Keyword</li> </ol> </nav> </div> </div> <!-- Alerts --> @if(session('success')) <div class="alert alert-success alert-dismissible fade show"> {{ session('success') }} <button type="button" class="btn-close" data-bs-dismiss="alert"></button> </div> @endif @if($errors->any()) <div class="alert alert-danger alert-dismissible fade show"> <ul class="mb-0"> @foreach($errors->all() as $error) <li>{{ $error }}</li> @endforeach </ul> <button type="button" class="btn-close" data-bs-dismiss="alert"></button> </div> @endif <!-- Add Button --> <div class="row g-3"> <div class="col-auto flex-grow-1"></div> <div class="col-auto"> <button class="btn btn-primary px-4" data-bs-toggle="modal" data-bs-target="#addKeywordModal"> <i class="bi bi-plus-lg me-2"></i>Add Keyword </button> </div> </div> <!-- Table --> <div class="card mt-4"> <div class="card-body"> <div class="table-responsive"> <table class="table align-middle"> <thead class="table-light"> <tr> <th>#</th> <th>Keyword</th> <th>Action</th> </tr> </thead> <tbody> @foreach($keyword as $item) <tr> <td>{{ $loop->iteration }}</td> <td>{{ $item->keyword }}</td> <td> <div class="d-flex gap-3"> <!-- Edit --> <a href="javascript:;" data-bs-toggle="modal" data-bs-target="#editKeywordModal{{ $item->id }}"> <i class="material-icons-outlined">edit</i> </a> <!-- Delete --> <form action="{{ route('admin-keyword.destroy', $item->id) }}" method="POST"> @csrf @method('DELETE') <button class="btn p-0 bg-transparent border-0" onclick="return confirm('Delete this keyword?')"> <i class="material-icons-outlined text-danger">delete</i> </button> </form> </div> </td> </tr> <!-- Edit Modal --> <div class="modal fade" id="editKeywordModal{{ $item->id }}" tabindex="-1"> <div class="modal-dialog modal-dialog-centered"> <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title">Edit Keyword</h5> <button type="button" class="btn-close" data-bs-dismiss="modal"></button> </div> <form action="{{ route('admin-keyword.update', $item->id) }}" method="POST"> @csrf @method('PUT') <div class="modal-body"> <div class="mb-3"> <label class="form-label">Keyword</label> <input type="text" class="form-control" name="keyword" value="{{ $item->keyword }}"> </div> </div> <div class="modal-footer"> <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button> <button type="submit" class="btn btn-primary">Update</button> </div> </form> </div> </div> </div> @endforeach </tbody> </table> </div> </div> </div> <!-- Add Modal --> <div class="modal fade" id="addKeywordModal" tabindex="-1"> <div class="modal-dialog modal-dialog-centered"> <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title">Add Keyword</h5> <button type="button" class="btn-close" data-bs-dismiss="modal"></button> </div> <form action="{{ route('admin-keyword.store') }}" method="POST"> @csrf <div class="modal-body"> <div class="mb-3"> <label class="form-label">Keyword</label> <input type="text" class="form-control" name="keyword"> </div> </div> <div class="modal-footer"> <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button> <button type="submit" class="btn btn-primary">Save</button> </div> </form> </div> </div> </div> </div> </main> @endsection