@extends('backend.layouts.master')

@section('content')
<div class="body flex-grow-1 px-3">
    <div class="container-lg">
        <div class="car"></div>

        <div class="card mb-4">
            <div class="card-header"><strong>Albums</strong><span class="small ms-1">List of Albums</span>
                <a class="btn btn-primary btn-sm float-end" href="{{route('admin.album.create')}}">     
                    <svg class="icon me-2">
                        <use xlink:href="{{ asset('backend/icons/free.svg#cil-plus') }}"></use>
                    </svg><strong>Add</strong>
                </a>
            </div>
            <div class="card-body">
                <div class="example">
                    <div class="tab-content rounded-bottom">
                        <div class="p-3 preview">
                            <table class="table table-striped" id="dataTable">
                                <thead>
                                    <tr>
                                        <th scope="col">#</th>
                                        <th scope="col">Title</th>
                                        <th scope="col">Cover Image</th>
                                        <th scope="col">Active</th>
                                        <th scope="col">Sort Order</th>
                                        <th scope="col"><span class="float-end">Action</span></th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @foreach($data as $k=>$v)
                                    <tr>
                                        <th scope="row">{{++$k}}</th>
                                        <td>{{$v->title}}</td>
                                        <td>@if(@$v->coverPhoto->isNotEmpty()) {{@$v->coverPhoto->image}} @else Not Set @endif</td>
                                        <td>@if(@$v->active) Yes @else No @endif</td>
                                        <td>{{$v->sort_order}}</td>
                                        <td>
                                            <form action="{{ route('admin.album.destroy',$v->id) }}" method="Post">
                                                @csrf
                                                @method('DELETE')
                                                <button class="btn btn-danger btn-sm float-end" style="margin-right:2px;">     
                                                    <svg class="icon">
                                                        <use xlink:href="{{ asset('backend/icons/free.svg#cil-trash') }}"></use>
                                                    </svg>
                                                </button>
                                            </form>
                                            <a class="btn btn-warning btn-sm float-end" style="margin-right:2px;" href="{{route('admin.album.edit',$v->id)}}">     
                                                <svg class="icon">
                                                    <use xlink:href="{{ asset('backend/icons/free.svg#cil-pencil') }}"></use>
                                                </svg>
                                            </a>
                                            <a class="btn btn-warning btn-sm float-end" style="margin-right:2px;" href="{{route('admin.photo.index',$v->id)}}">     
                                                <svg class="icon">
                                                    <use xlink:href="{{ asset('backend/icons/free.svg#cil-search') }}"></use>
                                                </svg>
                                            </a>
                                        </td>
                                    </tr>
                                    @endforeach
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection

@section('scripts')

@endsection