관리-도구
편집 파일: edit.blade.php
@extends('backend.layouts.app') @push('styles') <style> .switch { position: relative; display: inline-block; width: 60px; height: 34px; } .switch input { opacity: 0; width: 0; height: 0; } .slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #ccc; -webkit-transition: .4s; transition: .4s; } .slider:before { position: absolute; content: ""; height: 26px; width: 26px; left: 4px; bottom: 4px; background-color: white; -webkit-transition: .4s; transition: .4s; } input:checked + .slider { background-color: #2196F3; } input:focus + .slider { box-shadow: 0 0 1px #2196F3; } input:checked + .slider:before { -webkit-transform: translateX(26px); -ms-transform: translateX(26px); transform: translateX(26px); } /* Rounded sliders */ .slider.round { border-radius: 34px; } .slider.round:before { border-radius: 50%; } .hide{ display: none; } .show{ display: block; } </style> @endpush @section('content') <!-- Content Wrapper. Contains page content --> <div class="content-wrapper"> <!-- Content Header (Page header) --> <div class="content-header"> <div class="container-fluid"> <div class="row mb-2"> <div class="col-sm-6"> <h1 class="m-0">Update Category <a href="{{ route('memberCategory.index') }}" class="btn btn-primary">View Member Categories</a></h1> </div><!-- /.col --> <div class="col-sm-6"> <ol class="breadcrumb float-sm-right"> <li class="breadcrumb-item"><a href="{{ route('dashboard') }}">Home</a></li> <li class="breadcrumb-item active">Member Category</li> </ol> </div><!-- /.col --> </div><!-- /.row --> </div><!-- /.container-fluid --> </div> <!-- /.content-header --> <!-- Main content --> <section class="content"> <div class="container-fluid"> @if (session('success')) <div class="col-sm-12"> <div class="alert alert-success alert-dismissible fade show" role="alert"> {{ session('success') }} <button type="button" class="close" data-dismiss="alert" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> </div> @endif @if (session('error')) <div class="col-sm-12"> <div class="alert alert-danger alert-dismissible fade show" role="alert"> {{ session('error') }} <button type="button" class="close" data-dismiss="alert" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> </div> @endif <div class="row"> <div class="col-md-9"> <div class="card"> <div class="card-body"> <form action="{{ route('memberCategory.update', $memberCategory->id) }}" method="POST" enctype="multipart/form-data"> @csrf @method("PUT") <div class="row"> <div class="col-md-12"> <div class="form-group"> <label for="category_name">Category Name (In Eng):</label> <input type="text" class="form-control" name="category_name[en]" id="category_name" placeholder="Category Name.." value="{{ $memberCategory->category_name['en'] }}" required> <p class="text-danger"> {{ $errors->first('category_name') }} </p> </div> </div> <div class="col-md-12"> <div class="form-group"> <label for="category_name">Category Name (In Nepali):</label> <input type="text" class="form-control" name="category_name[np]" id="category_name" placeholder="Category Name.." value="{{ $memberCategory->category_name['np'] }}" required> <p class="text-danger"> {{ $errors->first('category_name') }} </p> </div> </div> <div class="col-md-12"> <div class="form-group"> <label for="member_commities">Member / Commitee:</label> <select name="member_commities" class="form-control"> <option value="">--Select an option--</option> <option value="0"{{ $memberCategory->member_commities == 0 ? 'selected' : '' }}>Member Category</option> <option value="1"{{ $memberCategory->member_commities == 1 ? 'selected' : '' }}>Commitee Category</option> </select> <p class="text-danger"> {{ $errors->first('member_commities') }} </p> </div> </div> <div class="col-md-12"> <div class="form-group"> <label for="Active">Active: </label> <label class="switch pt-0"> <input type="checkbox" name="active" value="1"{{ $memberCategory->is_active == 1 ? 'checked' : '' }}> <span class="slider round"></span> </label> </div> </div> <div class="col-md-12 text-center"> <hr> <h3>Meta Information</h3> <hr> </div> <div class="col-md-6"> <div class="form-group"> <label for="meta_title">Meta Title(Optional): </label> <input type="text" class="form-control" name="meta_title" placeholder="Meta Title for SEO" value="{{ $memberCategory->meta_title }}"> <p class="text-danger"> {{ $errors->first('meta_title') }} </p> </div> </div> <div class="col-md-6"> <div class="form-group"> <label for="meta_keywords">Meta Keywords(Optional): </label> <input type="text" class="form-control" name="meta_keywords" placeholder="Meta Keywords for SEO" value="{{ $memberCategory->meta_keywords }}"> <p class="text-danger"> {{ $errors->first('meta_keywords') }} </p> </div> </div> <div class="col-md-12"> <div class="form-group"> <label for="meta-description">Meta Description (optional):</label> <textarea name="meta_description" cols="30" rows="5" class="form-control" placeholder="Meta description..">{{ $memberCategory->meta_description }}</textarea> </div> </div> <div class="col-md-6"> <div class="form-group"> <label for="og_image">OG Image (1200 X 600): </label> <div class="input-group"> <span class="input-group-btn"> <a id="lfm" data-input="thumbnail" data-preview="holder" class="btn btn-primary"> <i class="fa fa-picture-o"></i> Choose </a> </span> <input id="thumbnail" class="form-control" type="text" name="og_image" value="{{old('og_image', @$memberCategory->og_image)}}"> </div> <img id="holder" style="margin-top:15px;max-height:100px;"> @error('og_image') <span class="text-danger">{{$message}}</span> @enderror </div> </div> <div class="col-md-6"> @isset($memberCategory->og_image) <img class="mt-2" src="{{asset(@$memberCategory->og_image)}}" alt="IMG" style="width:100px; height:auto;"> @endisset </div> <div class="col-md-12 mt-4"> <button type="submit" class="btn btn-success">Update</button> </div> </div> </form> </div> </div> </div> </div> </div> </section> <!-- /.content --> </div> <!-- /.content-wrapper --> @endsection @push('scripts') <script> var loadOg = function(event) { var output = document.getElementById('current_og'); output.src = URL.createObjectURL(event.target.files[0]); output.onload = function() { URL.revokeObjectURL(output.src) } }; $(document).ready(function(){ $('#lfm').filemanager('image'); }); </script> @endpush