Viewing file: index.blade.php (11.22 KB) -rw-r--r-- Select action/file-type: (+) | (+) | (+) | Code (+) | Session (+) | (+) | SDB (+) | (+) | (+) | (+) | (+) | (+) |
@extends('layouts.admin')
@section('title') {{ trans('admin.feadback') }} @endsection
@section('content') <section class="content"> <div class="row"> <div class="col-12"> <div class="card"> <div class="card-header"> <h2 class="card-title">{{ trans('admin.feadback') }} </h2> </div> @php $feadback_section = json_decode(get_settings('feadback_section')); // dd($feadback_section); $feadbacks = isset($feadback_section->feadbacks)?$feadback_section->feadbacks:[]; @endphp <div class="card-body"> <form action="{{route('admin.theme.feadback.store')}}" method="POST" enctype="multipart/form-data"> @csrf <div class="row"> <div class="col-lg-12"> <div class="form-group"> <label for="title">feadback Title</label> <input value="{{isset($feadback_section->feadback_title)?$feadback_section->feadback_title:''}}" type="text" name="feadback_title" class="form-control" id="title" placeholder="Title"> </div> </div> <div class="col-lg-12"> <div class="form-group"> <label for="description">Short Description</label> <textarea name="feadback_short_description" id="description" class="form-control" placeholder="Enter Short Description">{{isset($feadback_section->feadback_short_description)?$feadback_section->feadback_short_description:''}}</textarea> </div> </div> </div> @if (isset($feadbacks) && $feadbacks) @php $counter = 999; @endphp <div class="row"> <div class="col-lg-12"> <button type="button" class="btn btn-info btn-sm add-feadback-img mt-4 float-right">+</button> </div> </div> @foreach ($feadbacks as $key => $feadback) @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">User Name</label> <input value="{{isset($feadback->user_name)?$feadback->user_name:''}}" type="text" name="user_names[]" class="form-control" id="user_name" placeholder="User Name"> </div> </div> <div class="col-lg-5"> <div class="form-group"> <label for="title">Designation</label> <input value="{{isset($feadback->designation)?$feadback->designation:''}}" type="text" name="designation[]" class="form-control" id="designation" placeholder="Designation"> </div> </div> <div class="col-lg-5"> <div class="form-group"> <label for="description">Review Text</label> <textarea name="user_review_text[]" id="user_review_text" class="form-control" placeholder="Enter User Review">{{isset($feadback->user_review_text)?$feadback->user_review_text:''}}</textarea> </div> </div> <div class="col-lg-5"> <div class="form-group"> <label for="profile">Image</label> <div class="input-group"> <div class="custom-file"> <input name="image[]" type="file" class="custom-file-input" id="profile"> <input type="hidden" name="pre_image[]" value="{{isset($feadback->image)?$feadback->image:''}}"> <label class="custom-file-label" for="profile">Choose Image</label> </div> </div> </div> </div> <div class="col-lg-2"> <button type="button" class="btn btn-danger btn-sm remove-feadback-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">User Name</label> <input type="text" name="user_names[]" class="form-control" id="user_name" placeholder="User Name"> </div> </div> <div class="col-lg-5"> <div class="form-group"> <label for="title">Designation</label> <input type="text" name="designation[]" class="form-control" id="designation" placeholder="Designation"> </div> </div> <div class="col-lg-2"> <button type="button" class="btn btn-info btn-sm add-feadback-img mt-4">+</button> </div> <div class="col-lg-5"> <div class="form-group"> <label for="description">Review Text</label> <textarea name="user_review_text[]" id="user_review_text" class="form-control" placeholder="Enter User Review"></textarea> </div> </div> <div class="col-lg-5"> <div class="form-group"> <label for="profile">Image</label> <div class="input-group"> <div class="custom-file"> <input name="image[]" type="file" class="custom-file-input" id="profile"> <label class="custom-file-label" for="profile">Choose Image</label> </div> </div> </div> </div> </div> @endif <div id="feadback-add-new-section">
</div> <button type="submit" class="btn btn-primary mt-5">Submit</button> </form> </div> </div> </div> </div> </section> @endsection @section('extra-scripts') <script> let i = 934; $(document).on("click", ".add-feadback-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">User Name</label> <input type="text" name="user_names[]" class="form-control" id="user_name" placeholder="User Name"> </div> </div> <div class="col-lg-5"> <div class="form-group"> <label for="title">Designation</label> <input type="text" name="designation[]" class="form-control" id="designation" placeholder="Designation"> </div> </div> <div class="col-lg-2"> <button type="button" class="btn btn-danger btn-sm remove-feadback-img" data-id="${i}">X</button> </div> <div class="col-lg-5"> <div class="form-group"> <label for="description">Review Text</label> <textarea name="user_review_text[]" id="user_review_text" class="form-control" placeholder="Enter User Review"></textarea> </div> </div> <div class="col-lg-5"> <div class="form-group"> <label for="profile">Image</label> <div class="input-group"> <div class="custom-file"> <input name="image[]" type="file" class="custom-file-input" id="profile"> <label class="custom-file-label" for="profile">Choose Image</label> </div> </div> </div> </div>
</div>`; $("#feadback-add-new-section").append(html); }); $(document).on('click', '.remove-feadback-img', function (e) { const id = $(this).attr('data-id'); console.log(id); $('#form_column_' + id).remove();
}); </script> @endsection
|