@extends('admin.layout.app')
@section('content')
<div class="main-panel">
   <div class="content">
      <div class="page-inner element-1">
         <div class="row">
            <div class="col-md-12">
               <div class="card">
                  <div class="card-header d-flex" style="justify-content: space-between;">
                     <h4 class="card-title">Our Sub Service</h4>
                     <div>
                        <button type="button" data-href="{{ route('create_our-sub-service') }}" class="btn btn-primary edit_model" data-toggle="modal" data-target="#edit_model" title="Add Our Sub Service">Add Our Sub Service </button>
                     </div>
                  </div>
                  <div class="card-body element-2">
                     <div class="table-responsive">
                        <table id="basic-datatables" class="display table table-striped table-hover">
                           <thead>
                              <tr>
                                 <th>S.No.</th>
                                 <th>Service Name</th>
                                 <th>Title</th>
                                 <th>Image</th>
                                 <th>Action</th>
                              </tr>
                           </thead>
                           <tbody>
                              @php $sr = 1 @endphp
                              @forelse($lists as $list)
                              <tr>
                                 <td>{{ $sr++ }}</td>
                                 <td>{{$list->serviceInfo ? $list->serviceInfo->title : ''}}</td>
                                 <td>{{$list->title ?? ''}}</td>
                                 <td>
                                    <img src="{{ $list->image ? asset($list->image) : asset('notImage.jpg') }}" width="auto" height="50" alt="icon Image">
                                 </td>
                                 <td>
                                    <div class="form-button-action">
                                       <button type="button" data-href="{{ route('edit_our-sub-service',[$list->id]) }}" class="btn  btn-primary btn-sm mr-1 edit_model" data-toggle="modal" data-target="#edit_model" title="Edit"><i class="fa fa-edit"></i>
                                       </button>
                                       <button id="delete" href="{{ route('delete_our-sub-service',[$list->id]) }}" class="btn btn-danger btn-sm mr-1 jsgrid-delete-button" type="button" title="Delete"><i class="fa fa-trash"></i>
                                       </button>
                                    </div>
                                 </td>
                              </tr>
                              @empty
                              @endforelse
                        </table>
                     </div>
                  </div>
               </div>
            </div>
         </div>
      </div>
   </div>
   @endsection
   @section('js')

   <script src="{{ asset('assets/summernote/summernote-bs4.min.js') }}"></script>

   <script type="text/javascript">
      $(document).ready(function() {
         $('.summernote').summernote({
            focus: true,
            onImageUpload: function(files, editor, welEditable) {
               sendFile(files[0], editor, welEditable);
            }
         })
      });


   </script>
   @endsection