@extends('admin.layouts.app')

@section('title', 'Siparişler')
@section('header', 'Siparişler')

@section('content')
<!-- Quick Actions -->
<div class="card">
    <div class="card-body">
        <div class="row">
            <div class="col-md col-sm-6 col-12 mb-3 mb-md-0">
                <a href="{{ route('admin.orders.index') }}?status=pending" class="btn btn-primary btn-block">
                    <i class="fas fa-clock mr-2"></i> Bekleyen Siparişler
                </a>
            </div>
            <div class="col-md col-sm-6 col-12 mb-3 mb-md-0">
                <a href="{{ route('admin.orders.index') }}?status=completed" class="btn btn-primary btn-block">
                    <i class="fas fa-check mr-2"></i> Tamamlanan Siparişler
                </a>
            </div>
        </div>
    </div>
</div>

<div class="card">
    @if(!App\View\Components\Helper::isMobile())
        <div class="card-header">
            <div class="card-tools">
                <a href="{{ route('admin.orders.export', request()->query()) }}" class="btn btn-success btn-sm">
                    <i class="fas fa-file-excel mr-1"></i> Dışa Aktar
                </a>
            </div>
        </div>
    @endif

    <!-- Filtreler -->
    <div class="card-body">
        <form action="{{ route('admin.orders.index') }}" method="GET">
            <input type="hidden" name="status" value="{{ request('status') }}">
            <div class="row">
                <div class="col-md-3">
                    <div class="form-group">
                        <label for="search">Arama</label>
                        <input type="text" class="form-control" id="search" name="search"
                            value="{{ request('search') }}" placeholder="Sipariş no, müşteri adı...">
                    </div>
                </div>
                <div class="col-md-3">
                    <div class="form-group">
                        <label for="payment_status">Ödeme Durumu</label>
                        <select class="form-control" id="payment_status" name="payment_status">
                            <option value="">Tüm Ödeme Durumları</option>
                            @foreach($paymentStatuses as $value => $label)
                                <option value="{{ $value }}" {{ request('payment_status') === $value ? 'selected' : '' }}>
                                    {{ $label }}
                                </option>
                            @endforeach
                        </select>
                    </div>
                </div>
                <div class="col-md-3">
                    <div class="form-group">
                        <label for="sort">Sıralama</label>
                        <select class="form-control" id="sort" name="sort">
                            @foreach($sortOptions as $value => $label)
                                <option value="{{ $value }}" {{ request('sort', 'latest') === $value ? 'selected' : '' }}>
                                    {{ $label }}
                                </option>
                            @endforeach
                        </select>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-12">
                    <button type="submit" class="btn btn-primary">
                        <i class="fas fa-filter mr-1"></i> Filtrele
                    </button>
                    <a href="{{ route('admin.orders.index') }}" class="btn btn-default">
                        <i class="fas fa-times mr-1"></i> Temizle
                    </a>
                </div>
            </div>
        </form>
    </div>

    <!-- Siparişler Tablosu -->
    <div class="card-body table-responsive p-0">
        <table class="table table-hover text-nowrap">
            <thead>
                <tr>
                    <th>Sipariş Detayları</th>
                    <th>Müşteri</th>
                    <th>Toplam</th>
                    <th>Durum</th>
                    <th>Ödeme</th>
                    <th style="width: 120px"></th>
                </tr>
            </thead>
            <tbody>
                @forelse($orders as $order)
                    <tr>
                        <td>
                            <div class="d-flex flex-column">
                                <div class="font-weight-bold">{{ $order->order_number }}</div>
                                <div class="text-muted">{{ $order->created_at->format('d/m/Y H:i') }}</div>
                            </div>
                        </td>
                        <td>
                            <div class="d-flex flex-column">
                                <div class="font-weight-bold">{{ $order->customer_name }}</div>
                                <div>{{ $order->customer_email }}</div>
                                <div>{{ $order->customer_phone }}</div>
                            </div>
                        </td>
                        <td>
                            <div class="d-flex flex-column">
                                <div class="font-weight-bold">₺{{ number_format($order->total, 2) }}</div>
                                <small class="text-muted">
                                    {{ $order->items_count }} {{ Str::plural('ürün', $order->items_count) }}
                                </small>
                            </div>
                        </td>
                        <td>
                            <form action="{{ route('admin.orders.update-status', $order) }}" method="POST">
                                @csrf
                                @method('PATCH')
                                <select name="status" onchange="this.form.submit()" class="form-control form-control-sm">
                                    @foreach($statuses as $value => $label)
                                        <option value="{{ $value }}" {{ $order->status === $value ? 'selected' : '' }}>
                                            {{ $label }}
                                        </option>
                                    @endforeach
                                </select>
                            </form>
                        </td>
                        <td>
                            <form action="{{ route('admin.orders.update-payment-status', $order) }}" method="POST">
                                @csrf
                                @method('PATCH')
                                <select name="payment_status" onchange="this.form.submit()" class="form-control form-control-sm">
                                    @foreach($paymentStatuses as $value => $label)
                                        <option value="{{ $value }}" {{ $order->payment_status === $value ? 'selected' : '' }}>
                                            {{ $label }}
                                        </option>
                                    @endforeach
                                </select>
                            </form>
                        </td>
                        <td>
                            <div class="d-flex justify-content-end gap-2">
                                <a href="{{ route('admin.orders.show', $order) }}"
                                   class="btn btn-info btn-sm mr-2">
                                    <i class="fas fa-eye"></i>
                                </a>
                            </div>
                        </td>
                    </tr>
                @empty
                    <tr>
                        <td colspan="6" class="text-center">Henüz sipariş bulunmuyor</td>
                    </tr>
                @endforelse
            </tbody>
        </table>
    </div>
    @if($orders->hasPages())
        <div class="card-footer clearfix">
            <div class="float-right">
                {{ $orders->onEachSide(1)->links('admin.layouts.pagination') }}
            </div>
            <div class="float-left text-muted">
                {{ $orders->total() }} sonuçtan {{ $orders->firstItem() }} - {{ $orders->lastItem() }} arası gösteriliyor
            </div>
        </div>
    @endif
</div>

@push('styles')
<style>
    .gap-2 > * {
        margin-right: 0.5rem;
    }
    .gap-2 > *:last-child {
        margin-right: 0;
    }
    .delete-form {
        margin: 0;
    }
</style>
@endpush
@endsection