@extends('layouts.admin')
@section('content')
    <section class="section">
        @php
            $sNo = request()->page ? request()->page * 10 - 10 : 0;
        @endphp
        <div class="section-body">
            <div class="row">
                <div class="col-12 col-md-12 col-lg-12">
                    <div class="card">
                        <div class="card-header custom-cart-header">
                            <h4>Target Gallery</h4>
                            <div class="new-card-header-form custom-search-form">
                                <a class="btn btn-primary btn-lg float-end" href="{{ route('admin.target.create') }}">Add
                                    Target</a>
                            </div>
                        </div>
                        <div class="card-body">
                            <div class="table-responsive">
                                <table class="table table-striped table-md">
                                    <tr>
                                        <th>#Sno.</th>
                                        {{-- <th>Plan Type</th> --}}
                                        <th>Name</th>
                                        <th>Target</th>
                                        {{-- <th>Description</th> --}}
                                        <th>Status</th>
                                        <th>Created at</th>
                                        <th>Action</th>
                                    </tr>
                                    @forelse ($targets as $key=>$target)
                                        <tr>
                                            <td>{{ $sNo + $key + 1 }}</td>
                                            <td>{{ $target->name }}</td>
                                            {{-- <td>{{ $plan->plan_type }}</td> --}}
                                            {{-- <td>{{ $plan->no_of_qrcodes ?? "" }}</td> --}}
                                            {{-- <td>
                                            {{ $target->type }}
                                        </td> --}}
                                            <td>
                                                {{-- <div class="target-img"> --}}
                                                <div>
                                                    <img src="{{ env('APP_URL') . '/storage' . asset($target->file_path) }}"
                                                        alt="" width='60' height="90">
                                                </div>
                                            </td>
                                            <td>
                                                <label>
                                                    <input type="checkbox" class="custom-switch-input"
                                                        @if ($target->status == '1') checked="checked" @endif
                                                        onchange="toggleStatus(this, 'TargetGallery', '{{ jsencode_userdata($target->id) }}');">
                                                    <span class="custom-switch-indicator"></span>
                                                </label>
                                            </td>
                                            <td>{{ $target->created_at->format('m/d/Y') }}</td>
                                            <td>
                                                <div class="db-comman-acton-btns">
                                                    <a class="btn btn-success icon-font-size"
                                                        href="{{ route('admin.target.create', [jsencode_userdata($target->id)]) }}"
                                                        title="Edit">
                                                        <i class="fa-solid fa-pen-to-square fa-2xl"
                                                            style="color: #0453d2;"></i>
                                                    </a>
                                                    <a class="btn btn-danger delete-category confirm-delete"
                                                        href="{{ route('admin.target.delete', [jsencode_userdata($target->id)]) }}"
                                                        title="Delete">
                                                        <i class="fa-solid fa-trash fa-2xl" style="color: #ff0019;"></i>
                                                    </a>
                                                </div>
                                            </td>
                                        </tr>
                                    @empty
                                        <tr>
                                            <td class="no-record-found" colspan="8">
                                                <center>Did not found any target</center>
                                            </td>
                                        </tr>
                                    @endforelse
                                </table>
                                {{ $targets->appends(request()->input())->links() }}
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
@endsection