관리-도구
편집 파일: projects.blade.php
@extends('layouts.app') @section('content') <div class="main-panel"> <div class="content-wrapper"> <div class="row"> <div class="col-lg-12 grid-margin stretch-card"> <div class="card"> <div class="card-body"> <div class="d-flex justify-content-between"> <h3><b>Projects</b></h3> <button class="btn btn-success" data-toggle="modal" data-target="#addProject">Add Project +</button> </div> <hr> <div class="table-responsive"> <table class="table table-hover"> <thead> <tr> <th>#</th> <th>Category</th> <th>File Type</th> <th>Images</th> <th>Videos</th> <th class="text-center">Action</th> </tr> </thead> <tbody> @foreach ($projects as $project) <tr> <td>{{ $loop->iteration }}</td> <td>{{ optional($project->category)->projectcategory }}</td> <td>{{ $project->file_type }}</td> <td> @if($project->images) @foreach(json_decode($project->images) as $img) <img src="{{ asset('storage/'.$img) }}" style="width:60px;height:60px;object-fit:cover;"> @endforeach @endif </td> <td> @if($project->videos) @foreach(json_decode($project->videos) as $vid) <video width="80" height="60" controls> <source src="{{ asset('storage/'.$vid) }}" type="video/mp4"> </video> @endforeach @endif </td> <td class="text-center"> <button class="btn btn-primary" data-toggle="modal" data-target="#updateProject{{$project->id}}"> Edit </button> <form method="post" action="{{ route('admin-projects.destroy', $project->id) }}" style="display:inline-block"> @csrf @method('DELETE') <button class="btn btn-danger">Delete</button> </form> </td> </tr> <!-- Update Modal --> <div class="modal fade" id="updateProject{{$project->id}}"> <div class="modal-dialog modal-dialog-centered"> <div class="modal-content"> <div class="modal-header"> <h5>Update Project</h5> <button type="button" class="close" data-dismiss="modal">×</button> </div> <div class="modal-body"> <form method="post" action="{{ route('admin-projects.update', $project->id) }}" enctype="multipart/form-data"> @csrf @method('PUT') <div class="form-group"> <label>Project Category</label> <select class="form-control" name="projectcategory_id" required> @foreach($categories as $cat) <option value="{{ $cat->id }}" {{ $project->projectcategory_id == $cat->id ? 'selected' : '' }}> {{ $cat->projectcategory }} </option> @endforeach </select> </div> <div class="form-group"> <label>File Type</label> <select class="form-control" name="file_type" required> <option value="image" {{ $project->file_type=='image'?'selected':'' }}>Images</option> <option value="video" {{ $project->file_type=='video'?'selected':'' }}>Videos</option> <option value="both" {{ $project->file_type=='both'?'selected':'' }}>Both</option> </select> </div> <div class="form-group"> <label>Upload Images (Multiple)</label> <input type="file" name="images[]" class="form-control" accept="image/*" multiple> </div> <div class="form-group"> <label>Upload Videos (Multiple)</label> <input type="file" name="videos[]" class="form-control" accept="video/*" multiple> </div> <button type="submit" class="btn btn-primary w-100">Update</button> </form> </div> </div> </div> </div> @endforeach </tbody> </table> </div> </div> </div> </div> </div> <!-- Add Modal --> <div class="modal fade" id="addProject"> <div class="modal-dialog modal-dialog-centered"> <div class="modal-content"> <div class="modal-header"> <h5>Add Project</h5> <button type="button" class="close" data-dismiss="modal">×</button> </div> <div class="modal-body"> <form method="post" action="{{ route('admin-projects.store') }}" enctype="multipart/form-data"> @csrf <div class="form-group"> <label>Project Category</label> <select class="form-control" name="projectcategory_id" required> <option value="">Select Category</option> @foreach($categoriess as $cat) <option style="color:black !important;" value="{{ $cat->id }}">{{ $cat->projectcategory }}</option> @endforeach </select> </div> <div class="form-group"> <label>File Type</label> <select class="form-control" name="file_type" required> <option value="image">Images</option> <option value="video">Videos</option> <option value="both">Both</option> </select> </div> <div class="form-group"> <label>Images (Multiple)</label> <input type="file" name="images[]" class="form-control" accept="image/*" multiple> </div> <div class="form-group"> <label>Videos (Multiple)</label> <input type="file" name="videos[]" class="form-control" accept="video/*" multiple> </div> <button type="submit" class="btn btn-primary w-100">Submit</button> </form> </div> </div> </div> </div> </div> </div> </div> @endsection