@extends('admin.masterv2')

@section('styleSheet')
    <!-- BEGIN PAGE LEVEL STYLES -->
    <!-- END PAGE LEVEL STYLES -->
@endsection
@section('content')

    <div class="page-content-wrapper">
        <div class="page-content">
            @include('admin.includesV2.adminHeader', 
                [
                    'pageRoute' => route('listItem'), 
                    'pageName' => 'List Page',
                    'pageHeader'=> 'List items',
                    'addItemRoute' => route('newListItem', ['id' => 'new']),
                    'addItemName' => 'Add List Item',
                ])

            <div class="row" class="adminContent">
                <div class="col">
                    <table id="itemList" class="table table-bordered table-striped itemTable" style="width:100%">
                        <thead class="thead-dark itemTableHead">
                            <tr>
                                <th tabindex="0">ID</th>
                                <th tabindex="1">Image</th>
                                <th tabindex="2">Page</th>
                                <th tabindex="3">View Order</th>
                                <th tabindex="4">Title</th>
                                <th tabindex="5">Status</th>
                                <th tabindex="6">Action</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach($items as $item)
                                <tr>
                                    <td>{{$item->id}}</td>
                                    <td>
                                        <a  href="{{ route('newListItem', ['id' => $item->id]) }}">
                                            @if($item->image!==null)
                                            <img src="{{ asset('storage/uploads/lists/thumbnail') }}/{{$item->image}}" style="width: 200px;background:#fff" />
                                            @else
                                            <img src="{{ asset('assets/frontend/images/avatar.png') }}" style="width: 200px;background:#fff" />
                                            @endif
                                        </a>
                                    </td>
                                    <td>{{$item->page_name}}</td>
                                    <td>{{$item->view_order}}</td>
                                    <td>{!! $item->title !!}</td>
                                    <td>{{$item->status == 'Y' ? "show" : "Hide" }}</td>
                                    <td>
                                        <form action="{{ route('deleteItemList', ['id' => $item->id]) }}" method="POST">
                                            @csrf
                                            @method('DELETE')
                                            <button type="submit" class="btn btn-danger btn-sm pull-right ms-5" onclick="return confirm('Are you sure you want to delete this form?')"><i class="fa fa-trash"></i></button>
                                        </form>
                                        
                                        <a href="{{ route('newListItem', ['id' => $item->id]) }}" class="btn btn-success btn-sm pull-right">
                                            <i class="fa fa-edit"></i> Edit
                                        </a>
                                    </td>
                                </tr>
                            @endforeach

                        </tbody>
                    </table>
                </div>
            </div>
                
            </div>
            <!-- BEGIN PAGE CONTENT-->
            <!-- END PAGE CONTENT-->
        </div>
    </div>
@endsection
@section('customJs')

@endsection