@extends('layouts.app')
@section('title', __('dashboard.All Purchase Returns'))
@section('page_heading', __('dashboard.All Purchase Returns'))

@section('content')
@include('layouts.partials.collection-page-styles')

<div class="collection-shell">
    <div class="collection-shell__body">
        <div class="collection-card__header">
            <div class="collection-card__intro">
                <span class="collection-card__icon"><i class="fa-solid fa-receipt"></i></span>
                <div class="collection-card__title">
                    <h2>{{ __('dashboard.All Purchase Returns') }}</h2>
                    <p>مرتجعات المشتريات مع تصفية حسب العملية والفترة الزمنية.</p>
                </div>
            </div>
            <div class="collection-toolbar">
                <span class="collection-card__meta">{{ number_format($purchaseReturns->count()) }} مرتجع</span>
                @can('create purchase returns')
                <a href="{{ route('dashboard.purchase-returns.create') }}" class="app-btn app-btn--primary app-btn--sm">
                    <i class="fa-solid fa-plus"></i> {{ __('dashboard.Add Return') }}
                </a>
                @endcan
                <button type="button" class="app-btn app-btn--secondary app-btn--sm"

                    title="{{ __('dashboard.Filter') }}">
                    <i class="fa-solid fa-filter{{ request()->hasAny(['purchase_id','start_date','end_date']) ? '-fill' : '' }}"></i>
                </button>
            </div>
        </div>

        <div class="collection-card__body">
            <div class="app-collapse {{ request()->hasAny(['purchase_id','start_date','end_date']) ? 'show' : '' }}" id="filter_form">
                <div class="collection-filter-card">
                    <form method="GET" action="{{ route('dashboard.purchase-returns.index') }}" class="app-grid gap-3">
                        <div class="md:col-span-3">
                            <label class="app-label">{{ __('dashboard.Purchase ID') }}</label>
                            <input type="text" name="purchase_id" class="app-input app-input--sm" value="{{ request('purchase_id') }}">
                        </div>
                        <div class="md:col-span-3">
                            <label class="app-label">{{ __('dashboard.From Date') }}</label>
                            <input type="date" name="start_date" class="app-input app-input--sm" value="{{ request('start_date') }}">
                        </div>
                        <div class="md:col-span-3">
                            <label class="app-label">{{ __('dashboard.To Date') }}</label>
                            <input type="date" name="end_date" class="app-input app-input--sm" value="{{ request('end_date') }}">
                        </div>
                        <div class="md:col-span-3 flex items-end gap-2">
                            <button type="submit" class="app-btn app-btn--primary app-btn--sm flex-1">{{ __('dashboard.Filter') }}</button>
                            <a href="{{ route('dashboard.purchase-returns.index') }}" class="app-btn app-btn--secondary app-btn--sm flex-1">{{ __('dashboard.Reset') }}</a>
                        </div>
                    </form>
                </div>
            </div>

            @if($purchaseReturns->isEmpty())
                @include('layouts.partials.index-empty-state', [
                    'icon' => 'fa-solid fa-rotate-left',
                    'title' => __('dashboard.No purchase returns found.'),
                    'message' => 'لا توجد مرتجعات مشتريات مطابقة للفلاتر الحالية.'
                ])
            @else
            <div class="app-table-wrap">
                <table class="app-table app-table--striped collection-table">
                    <thead>
                        <tr>
                            <th>#</th>
                            <th>{{ __('dashboard.Purchase ID') }}</th>
                            <th>{{ __('dashboard.Created By') }}</th>
                            <th>{{ __('dashboard.Total Refunded') }}</th>
                            <th>{{ __('dashboard.Created At') }}</th>
                            <th class="text-end">{{ __('dashboard.Actions') }}</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach($purchaseReturns as $return)
                        <tr>
                            <td class="text-slate-500 dark:text-slate-400 font-bold">{{ $return->id }}</td>
                            <td>
                                <a href="{{ route('dashboard.purchases.show', $return->purchase->id) }}" class="font-bold">#{{ $return->purchase->id }}</a>
                            </td>
                            <td>{{ $return->creator->name ?? __('dashboard.System') }}</td>
                            <td class="font-bold">{{ number_format($return->total_refunded, 2) }}</td>
                            <td class="text-slate-500 dark:text-slate-400" style="font-size:.8rem">{{ $return->created_at->format('Y-m-d H:i') }}</td>
                            <td class="text-end">
                                @canany(['view purchase returns','edit purchase returns','delete purchase returns'])
                                <div class="custom-dropdown">
                                    <button class="custom-dropdown__toggle" type="button">{{ __('dashboard.Actions') }}</button>
                                    <ul class="custom-dropdown__menu custom-dropdown__menu--end">
                                        @can('view purchase returns')
                                        <li><a href="{{ route('dashboard.purchase-returns.show', $return->id) }}" class="custom-dropdown__item"><i class="fa-solid fa-eye me-2"></i>{{ __('dashboard.Show') }}</a></li>
                                        @endcan
                                        @can('edit purchase returns')
                                        <li><a href="{{ route('dashboard.purchase-returns.edit', $return->id) }}" class="custom-dropdown__item"><i class="fa-solid fa-pen me-2"></i>{{ __('dashboard.Edit') }}</a></li>
                                        @endcan
                                        @can('delete purchase returns')
                                        <li><hr class="my-1 border-t border-slate-200 dark:border-slate-700"></li>
                                        <li>
                                            <form action="{{ route('dashboard.purchase-returns.destroy', $return->id) }}" method="POST">
                                                @csrf @method('DELETE')
                                                <button type="submit" class="custom-dropdown__item custom-dropdown__item--danger" data-confirm-delete="{{ __('dashboard.Are you sure?') }}">
                                                    <i class="fa-solid fa-trash me-2"></i>{{ __('dashboard.Delete') }}
                                                </button>
                                            </form>
                                        </li>
                                        @endcan
                                    </ul>
                                </div>
                                @endcanany
                            </td>
                        </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
            @endif
        </div>
    </div>
</div>
@endsection