관리-도구
편집 파일: socialmedia.blade.php
@extends('layouts.app') @section('content') <div class="main-panel"> <div class="content-wrapper"> <style> .social-card { border: 1px solid #ddd; border-radius: 15px; background: #fff; } .switch { position: relative; display: inline-block; width: 50px; height: 24px; } .switch input { opacity: 0; width: 0; height: 0; } .slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #ccc; transition: .4s; border-radius: 24px; } .slider:before { position: absolute; content: ""; height: 18px; width: 18px; left: 3px; bottom: 3px; background-color: white; transition: .4s; border-radius: 50%; } input:checked + .slider { background-color: #6f42c1; } input:checked + .slider:before { transform: translateX(26px); } </style> <div class="row"> @foreach($socials as $social) <div class="col-md-9 my-3"> <div class="social-card p-3"> <h5 class="mb-3">Social Media</h5> <form method="POST" action="{{ route('admin-socialmedia.update', $social->id) }}"> @csrf @method('PUT') @foreach(['facebook','youtube','instagram','whatsapp'] as $field) <div class="form-group"> <label>{{ ucfirst($field) }} Link</label> <input type="text" name="{{ $field }}" value="{{ $social->$field }}" class="form-control"> </div> <div class="form-group d-flex justify-content-between align-items-center"> <label class="mb-0">{{ ucfirst($field) }} Status</label> <label class="switch"> <input type="checkbox" name="{{ $field }}_status" value="on" {{ $social->{$field.'_status'} == 'on' ? 'checked' : '' }}> <span class="slider"></span> </label> </div> <hr> @endforeach <button class="btn btn-primary w-100 mt-2"> Update Social Media </button> </form> </div> </div> @endforeach </div> </div> </div> @endsection