@extends('layouts.admin')

@section('title', 'مدیریت اطلاعات مشتریان')

@section('content')
    @php
        $sortUrl = function (string $column) use ($sort, $direction) {
            $nextDirection = $sort === $column && $direction === 'asc' ? 'desc' : 'asc';
            return request()->fullUrlWithQuery([
                'sort' => $column,
                'direction' => $nextDirection,
                'page' => null,
            ]);
        };

        $sortMark = fn (string $column) => $sort === $column
            ? ($direction === 'asc' ? ' ▲' : ' ▼')
            : '';

        $todayPersian = \Morilog\Jalali\CalendarUtils::convertNumbers($today->format('Y/m/d'));
    @endphp

    @if (session('success'))
        <div class="success">{{ session('success') }}</div>
    @endif

    @if ($errors->any())
        <div class="errors">
            <ul>
                @foreach ($errors->all() as $error)
                    <li>{{ $error }}</li>
                @endforeach
            </ul>
        </div>
    @endif

    <section class="card birthday">
        <h2>تولدهای امروز — {{ $todayPersian }}</h2>

        @if ($birthdayCustomers->isEmpty())
            <p class="muted">برای امروز تولدی ثبت نشده است.</p>
        @else
            <div class="table-wrap">
                <table>
                    <thead>
                    <tr>
                        <th>نام و نام خانوادگی</th>
                        <th>شماره تماس</th>
                        <th>تاریخ تولد</th>
                        <th>تاریخ خرید</th>
                        <th>تاریخ تولید</th>
                    </tr>
                    </thead>
                    <tbody>
                    @foreach ($birthdayCustomers as $customer)
                        <tr>
                            <td>{{ $customer->full_name }}</td>
                            <td dir="ltr">{{ $customer->phone }}</td>
                            <td>{{ $customer->birth_date_jalali }}</td>
                            <td>{{ $customer->purchase_date_jalali }}</td>
                            <td>{{ $customer->production_date_jalali }}</td>
                        </tr>
                    @endforeach
                    </tbody>
                </table>
            </div>
        @endif
    </section>

    <section class="card">
        <h2>ثبت اطلاعات جدید</h2>
        <form method="POST" action="{{ route('admin.customers.store') }}">
            @csrf
            <div class="grid">
                <div class="field">
                    <label for="first_name">نام</label>
                    <input id="first_name" name="first_name" value="{{ old('first_name') }}" required>
                </div>
                <div class="field">
                    <label for="last_name">نام خانوادگی</label>
                    <input id="last_name" name="last_name" value="{{ old('last_name') }}" required>
                </div>
                <div class="field">
                    <label for="phone">شماره تماس</label>
                    <input id="phone" name="phone" value="{{ old('phone') }}" dir="ltr" inputmode="tel" required>
                </div>
                <div class="field">
                    <label for="create_purchase_date_jalali">تاریخ خرید شمسی</label>
                    <input id="create_purchase_date_jalali" name="purchase_date_jalali" value="{{ old('purchase_date_jalali') }}" data-jdp data-jdp-target-value-input="#create_purchase_date" data-jdp-target-value-type="gregorian" autocomplete="off" placeholder="مثال: ۱۴۰۵/۰۵/۰۳" required>
                    <input type="hidden" id="create_purchase_date" name="purchase_date" value="{{ old('purchase_date') }}">
                </div>
                <div class="field">
                    <label for="create_production_date_jalali">تاریخ تولید شمسی</label>
                    <input id="create_production_date_jalali" name="production_date_jalali" value="{{ old('production_date_jalali') }}" data-jdp data-jdp-target-value-input="#create_production_date" data-jdp-target-value-type="gregorian" autocomplete="off" placeholder="مثال: ۱۴۰۵/۰۴/۲۰" required>
                    <input type="hidden" id="create_production_date" name="production_date" value="{{ old('production_date') }}">
                </div>
                <div class="field">
                    <label for="create_birth_date_jalali">تاریخ تولد شمسی</label>
                    <input id="create_birth_date_jalali" name="birth_date_jalali" value="{{ old('birth_date_jalali') }}" data-jdp data-jdp-target-value-input="#create_birth_date" data-jdp-target-value-type="gregorian" autocomplete="off" placeholder="مثال: ۱۳۷۰/۰۲/۱۴" required>
                    <input type="hidden" id="create_birth_date" name="birth_date" value="{{ old('birth_date') }}">
                </div>
                <div class="actions">
                    <button class="primary" type="submit">ثبت اطلاعات</button>
                </div>
            </div>
        </form>
    </section>

    <section class="card">
        <h2>جست‌وجو و فیلتر</h2>
        <form method="GET" action="{{ route('admin.customers.index') }}">
            <input type="hidden" name="sort" value="{{ $sort }}">
            <input type="hidden" name="direction" value="{{ $direction }}">
            <div class="grid">
                <div class="field">
                    <label for="filter_first_name">نام</label>
                    <input id="filter_first_name" name="first_name" value="{{ request('first_name') }}">
                </div>
                <div class="field">
                    <label for="filter_last_name">نام خانوادگی</label>
                    <input id="filter_last_name" name="last_name" value="{{ request('last_name') }}">
                </div>
                <div class="field">
                    <label for="filter_phone">شماره تماس</label>
                    <input id="filter_phone" name="phone" value="{{ request('phone') }}" dir="ltr">
                </div>
                <div class="field">
                    <label for="filter_purchase_date_jalali">تاریخ خرید</label>
                    <input id="filter_purchase_date_jalali" name="purchase_date_jalali" value="{{ request('purchase_date_jalali') }}" data-jdp data-jdp-target-value-input="#filter_purchase_date" data-jdp-target-value-type="gregorian" autocomplete="off">
                    <input type="hidden" id="filter_purchase_date" name="purchase_date" value="{{ request('purchase_date') }}">
                </div>
                <div class="field">
                    <label for="filter_production_date_jalali">تاریخ تولید</label>
                    <input id="filter_production_date_jalali" name="production_date_jalali" value="{{ request('production_date_jalali') }}" data-jdp data-jdp-target-value-input="#filter_production_date" data-jdp-target-value-type="gregorian" autocomplete="off">
                    <input type="hidden" id="filter_production_date" name="production_date" value="{{ request('production_date') }}">
                </div>
                <div class="field">
                    <label for="filter_birth_date_jalali">تاریخ تولد</label>
                    <input id="filter_birth_date_jalali" name="birth_date_jalali" value="{{ request('birth_date_jalali') }}" data-jdp data-jdp-target-value-input="#filter_birth_date" data-jdp-target-value-type="gregorian" autocomplete="off">
                    <input type="hidden" id="filter_birth_date" name="birth_date" value="{{ request('birth_date') }}">
                </div>
                <div class="actions">
                    <button class="primary" type="submit">جست‌وجو</button>
                    <a class="button secondary" href="{{ route('admin.customers.index') }}">پاک‌کردن</a>
                </div>
            </div>
        </form>
    </section>

    <section class="card">
        <h2>فهرست اطلاعات</h2>
        <p class="muted">در هر صفحه ۱۰۰ رکورد نمایش داده می‌شود. تعداد کل: {{ \Morilog\Jalali\CalendarUtils::convertNumbers(number_format($customers->total())) }}</p>

        <div class="table-wrap">
            <table>
                <thead>
                <tr>
                    <th>ردیف</th>
                    <th><a href="{{ $sortUrl('full_name') }}">نام و نام خانوادگی{{ $sortMark('full_name') }}</a></th>
                    <th><a href="{{ $sortUrl('phone') }}">شماره تماس{{ $sortMark('phone') }}</a></th>
                    <th><a href="{{ $sortUrl('purchase_date') }}">تاریخ خرید{{ $sortMark('purchase_date') }}</a></th>
                    <th><a href="{{ $sortUrl('production_date') }}">تاریخ تولید{{ $sortMark('production_date') }}</a></th>
                    <th><a href="{{ $sortUrl('birth_date') }}">تاریخ تولد{{ $sortMark('birth_date') }}</a></th>
                    <th><a href="{{ $sortUrl('created_at') }}">زمان ثبت{{ $sortMark('created_at') }}</a></th>
                </tr>
                </thead>
                <tbody>
                @forelse ($customers as $customer)
                    <tr>
                        <td>{{ \Morilog\Jalali\CalendarUtils::convertNumbers((string) ($customers->firstItem() + $loop->index)) }}</td>
                        <td>{{ $customer->full_name }}</td>
                        <td dir="ltr">{{ $customer->phone }}</td>
                        <td>{{ $customer->purchase_date_jalali }}</td>
                        <td>{{ $customer->production_date_jalali }}</td>
                        <td>{{ $customer->birth_date_jalali }}</td>
                        <td>{{ \Morilog\Jalali\CalendarUtils::convertNumbers(\Morilog\Jalali\Jalalian::fromCarbon($customer->created_at)->format('Y/m/d H:i')) }}</td>
                    </tr>
                @empty
                    <tr>
                        <td colspan="7">رکوردی پیدا نشد.</td>
                    </tr>
                @endforelse
                </tbody>
            </table>
        </div>

        {{ $customers->onEachSide(2)->links('vendor.pagination.persian') }}
    </section>
@endsection