Current File : //home/tradevaly/public_html/resources/views/backend/pages/pages.blade.php

@extends('backend.ayaan.master')

@section('title') Pages @endsection
@section('css')
    <!-- DataTables -->
    <link href="{{ asset('/assets/libs/datatables/datatables.min.css') }}" rel="stylesheet" type="text/css" />
@endsection
@section('content')

    @component('components.breadcrumb')
        @slot('li_1') Dashboards @endslot
        @slot('title') Pages @endslot
    @endcomponent
    
    
    
    <div class="row">
        <div class="col-12">
            <div class="card">
                <div class="card-body">
                    <div class="row mb-2">
                        <div class="col-sm-4"></div>
                        <div class="col-sm-8">
                           
                        </div><!-- end col-->
                    </div>

                    <div class="table-responsive">
            <table class="table" id="datatable-buttons">
              <thead>
                <tr>
                  <th class="text-center">#</th>
                  <th>{{translate("Name")}}</th>
                  <th>{{translate("Image")}}</th>
                  <th>{{translate("Title")}}</th>
                  <th>{{translate("Subtitle")}}</th>
                  <th class="text-right">{{translate("Actions")}}</th>
                </tr>
              </thead>
              <tbody>
                @php
                   $i = 0;
                @endphp
                @foreach ($pages as $page)
                <tr>
                  <?php $i++; ?>
                  <td class="text-center">{{$i}}</td>
                  <td width="300px">{{ Str::limit($page['name'],70) }}</td>
                  <td><img style="height: 80px; width:150px; border-radius:10%;" src="{{asset('storage/pages/'.$page->image)}}" alt=""></td>
                  <td width="300px">{{ Str::limit($page['title'],70) }}</td>
                  <td width="300px">{{ Str::limit($page['subtitle'],100) }}</td>
                  <td class="td-actions text-right">
                    
                    <a href="{{url('b2b/edit/pages',$page->slug)}}"  class="badge bg-info" title="Edit" style="color: #fff">
                      <i class="fas fa-edit"></i>
                    </a>
                   
                  </td>
                </tr>
                @endforeach
              </tbody>
            </table>
           </div>
                    
                </div>
            </div>
        </div>
    </div>
    <!-- end row -->
    
    
@endsection
@section('script')
    <!-- Required datatable js -->
    <script src="{{ asset('/assets/libs/datatables/datatables.min.js') }}"></script>
    <script src="{{ asset('/assets/libs/jszip/jszip.min.js') }}"></script>
    <script src="{{ asset('/assets/libs/pdfmake/pdfmake.min.js') }}"></script>
    <!-- Datatable init js -->
     
    <script type="text/javascript">
  $(function () {
    
    
    
    
    $(document).ready(function () {
 
  var table = $('#datatable-buttons').DataTable({
    lengthChange: false,
    processing: true,
    dom: 'Bfrtip'
  });
  table.buttons().container().appendTo('#datatable-buttons_wrapper .col-md-6:eq(0)');
  $(".dataTables_length select").addClass('form-select form-select-sm');
});
});
</script>
@endsection