Viewing file: create.blade.php (9.89 KB) -rw-r--r-- Select action/file-type: (+) | (+) | (+) | Code (+) | Session (+) | (+) | SDB (+) | (+) | (+) | (+) | (+) | (+) |
@extends('layouts.admin')
@section('title') {{ trans('admin.about_section') }} @endsection
@section('extra-css') <link rel="stylesheet" href="{{asset('plugins/datatables-bs4/css/dataTables.bootstrap4.min.css')}}"> <link rel="stylesheet" href="{{asset('plugins/datatables-responsive/css/responsive.bootstrap4.min.css')}}"> <link href="https://cdn.jsdelivr.net/npm/summernote/dist/summernote-bs4.min.css" rel="stylesheet"> @endsection
@section('content') <section class="content"> <div class="row"> <div class="col-12 mx-auto col-sm-10 mt-3"> <div class="card"> <div class="card-header"> <h2 class="card-title">{{ trans('admin.about_section') }} </h2> </div> <form method="post" role="form" id="welcomesectionForm" action="{{route('admin.theme.about.section.store')}}" enctype="multipart/form-data"> @csrf <div class="card-body" > @php $about_section=json_decode(get_settings('about_section')); $cv_sections = isset($about_section->cv_sections)?$about_section->cv_sections:[]; @endphp <div class="form-group"> <label for="title">{{trans('Sub Title')}}</label> <input value="{{isset($about_section->sub_title)?$about_section->sub_title:''}}" type="text" name="sub_title" class="form-control" id="title" placeholder="{{trans('Sub Title')}}"> </div> <div class="form-group"> <label for="title">{{trans('Title')}}</label> <input value="{{isset($about_section->title)?$about_section->title:''}}" type="text" name="title" class="form-control" id="title" placeholder="{{trans('Title')}}"> </div> <div class="form-group"> <label for="image">{{trans('admin.image')}}</label> <input type="hidden" name="pre_image" value="{{isset($about_section->image)?$about_section->image:''}}"> <input value="{{isset($about_section->image)?$about_section->image:''}}" type="file" name="about_image" class="form-control" id="image" placeholder="{{trans('admin.image')}}"> </div> <div class="form-group"> <label for="download_file">{{trans('admin.download_file')}}</label> <input type="hidden" name="pre_download_file" value="{{isset($about_section->pre_download_file)?$about_section->pre_download_file:''}}"> <input type="file" name="download_file" class="form-control" id="download_file" placeholder="{{trans('admin.download_file')}}"> </div> <div class="form-group"> <label for="description">@lang('admin.description')</label> <textarea name="description" id="description" class="form-control description" placeholder="{{trans('admin.description')}}">{{isset($about_section->description)?$about_section->description:''}}</textarea> </div> <div class="row"> <div class="col-lg-12"> <label for="">For CV</label> </div> </div> @if (isset($cv_sections) && $cv_sections) @php $counter = 999; @endphp <div class="row"> <div class="col-lg-12"> <button type="button" class="btn btn-info btn-sm add-activity-img mt-4 float-right">+</button> </div> </div> @foreach ($cv_sections as $key => $cv_section) @php $counter++; @endphp <div class="row align-items-center" id="form_column_{{$counter}}"> <div class="col-lg-5"> <div class="form-group"> <label for="title">Year</label> <input value="{{isset($cv_section->year)?$cv_section->year:''}}" type="text" name="years[]" class="form-control" id="topic" placeholder="Enter Year"> </div> </div> <div class="col-lg-5"> <div class="form-group"> <label for="title">Short Description</label> <input value="{{isset($cv_section->short_description)?$cv_section->short_description:''}}" type="text" name="short_description[]" class="form-control" id="recomended" placeholder="Enter Short Description"> </div> </div> <div class="col-lg-2"> <button type="button" class="btn btn-danger btn-sm remove-activity-img mt-4" data-id="{{$counter}}">X</button> </div> </div> @endforeach @else <div class="row align-items-center"> <div class="col-lg-5"> <div class="form-group"> <label for="title">Year</label> <input type="text" name="years[]" class="form-control" id="topic" placeholder="Enter Year"> </div> </div> <div class="col-lg-5"> <div class="form-group"> <label for="title">Short Description</label> <input value="" type="text" name="short_description[]" class="form-control" id="recomended" placeholder="Enter Short Description"> </div> </div> <div class="col-lg-2"> <button type="button" class="btn btn-info btn-sm add-activity-img mt-4">+</button> </div> </div> @endif <div id="activity-add-new-section">
</div>
</div> <div class="card-footer text-right"> <button type="submit" class="btn btn-primary">{{ trans('admin.submit') }}</button> </div> </form> </div> </div> </div> </div> </section> @endsection
@section('extra-scripts') <script src="{{asset('plugins/datatables/jquery.dataTables.min.js')}}"></script> <script src="{{asset('plugins/datatables-bs4/js/dataTables.bootstrap4.min.js')}}"></script> <script src="{{asset('plugins/datatables-responsive/js/dataTables.responsive.min.js')}}"></script> <script src="{{asset('plugins/datatables-responsive/js/responsive.bootstrap4.min.js')}}"></script> <script src="https://cdn.jsdelivr.net/npm/summernote/dist/summernote-bs4.min.js"></script> <script> $(document).ready(function() { $('.description').summernote(); }); </script> <script> let i = 3934; $(document).on("click", ".add-activity-img", function (e) { i++ let html = `<div class="row align-items-center" id="form_column_${i}"> <div class="col-lg-5"> <div class="form-group"> <label for="title">Year</label> <input type="text" name="years[]" class="form-control" id="topic" placeholder="Enter Year"> </div> </div> <div class="col-lg-5"> <div class="form-group"> <label for="title">Short Description</label> <input type="text" name="short_description[]" class="form-control" id="recomended" placeholder="Enter Short Description"> </div> </div> <div class="col-lg-2"> <button type="button" class="btn btn-danger btn-sm remove-activity-img" data-id="${i}">X</button> </div> </div>`; $("#activity-add-new-section").append(html); }); $(document).on('click', '.remove-activity-img', function (e) { const id = $(this).attr('data-id'); console.log(id); $('#form_column_' + id).remove(); }); </script> @endsection
|