@extends('layouts.app')
@section('content')

@if(session()->has('message'))
    <div class="alert alert-success">{{ session()->get('message') }}</div>
@endif
@if(session()->has('error'))
    <div class="alert alert-danger">{{ session()->get('error') }}</div>
@endif

<div class="srchBox_wraper justify-content-end">
    <div class="right-panel-btn text-left">
        <h5> About Us List</h5>
    </div>

    <div class="right-panel-btn text-right d-none">
        <a href="/admin/about-us/create"><button type="button" class="btn btn-success"><i class="fa-solid fa-plus fa-fw"></i> Add About us</button></a>
    </div>
</div>
<div class="table-responsive custom-table-s1">
    <table class="participant_table" width="100%">
        <thead>
            <tr>
                <th>Sl No</th>                
                <th>Title</th>
                <th>Language</th>
               
                <th>Created Date</th>
                <th class="skip_csv">Action</th>
            </tr>
        </thead>

        <tbody>
        @forelse($all_list as $key => $list)
            <tr>
                {{-- <td>{{ chr(64+$loop->index + 1) }}</td> --}}
                <td>{{ $loop->index + 1 }}</td>                
                <td>{{ $list->title }}</td>
                <td>@if($list->lang_type =="fr") French @elseif($list->lang_type =="en") English @else Spanish @endif</td>
                {{-- <td>{!! html_entity_decode($list->body) !!}</td> --}}
                <td>{{ $list->created_at->format('d-m-Y') }}</td>
                
                <td class="skip_csv">
                    <a href="/admin/about-us/edit/{{$list->id}}" class="fa fa-edit" aria-hidden="true" title="Edit"></a>
                     <a class="ml-2" onclick="return confirm('Are you sure?')" href="/admin/about-us/delete/{{$list->id}}"><i class="fa fa-trash" style="color:red;"></i></a>

                </td>
            </tr>
            @empty
                <tr>
                    <td colspan="5">No record found...</td>
                </tr>
        @endforelse
        </tbody>
    </table>
</div>

<div class="custom-table-s1-pagination">
    <div class="left-info">
        <div class="text-sm">
            Showing
            <span class="text-bold">1</span>
            to
            <span class="text-bold">3</span>
            of
            <span class="text-bold">4</span>
            results
        </div>
    </div>
</div>
@endsection