관리-도구
편집 파일: team.blade.php
@extends('layouts.app') @section('content') <!-- partial --> <div class="main-panel"> <div class="content-wrapper"> <div class="d-flex justify-content-between"> <h3>Team</h3> <button class="btn btn-success" data-toggle="modal" data-target="#addGallery">Add new+</button> </div> <p>Click the image to update</p> <div class="row"> @foreach ($gallery as $img) <div class="col-md-3 my-3"> <a href="" data-toggle="modal" data-target="#updateGallery{{$img->id}}"> <img src="{{asset('storage/'.$img->image)}}" alt="" style="width: 100%;"> </a> <form method="post" action="{{route('admin-team.destroy', $img->id)}}"> @csrf @method('DELETE') <button class="btn btn-outline-danger w-100"><i class="fa fa-trash"></i></button> </form> </div> <!--update gallery Modal --> <div class="modal fade" id="updateGallery{{$img->id}}" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true"> <div class="modal-dialog modal-dialog-centered" role="document"> <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title" id="exampleModalLongTitle" >Update Image</h5> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> <div class="modal-body"> <div class="card"> <div class="card-body"> <form method="post" action="{{route('admin-team.update', $img->id)}}" enctype="multipart/form-data"> @csrf @method('PUT') <div class="form-group"> <img src="{{asset('storage/'. $img-> image)}}" alt="gallery img" width="200"> <input type="file" name="image" class="form-control" id="exampleInputEmail1"> <small>1:1 ratio</small> </div> <div class="text-center"><button type="submit" class="btn btn-primary w-50">Submit</button></div> </form> </div> </div> </div> </div> </div> </div> @endforeach </div> </div> <!-- content-wrapper ends --> <!--Add gallery Modal --> <div class="modal fade" id="addGallery" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true"> <div class="modal-dialog modal-dialog-centered" role="document"> <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title" id="exampleModalLongTitle" >Add new Image</h5> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> <div class="modal-body"> <div class="card"> <div class="card-body"> <form method="post" action="{{route('admin-team.store')}}" enctype="multipart/form-data"> @csrf <div class="form-group"> <label for="exampleInputEmail1">Image</label> <input type="file" name="image" class="form-control" id="exampleInputEmail1"> <small>1:1 ratio</small> </div> <div class="text-center"><button type="submit" class="btn btn-primary w-50">Submit</button></div> </form> </div> </div> </div> </div> </div> </div> @endsection