@extends('admin.layouts.app')

@section('title', 'Müşteri Detayı')
@section('header', $customer->first_name . ' ' . $customer->last_name)

@section('content')
<div class="row">
    <!-- Müşteri Durumu -->
    <div class="col-12">
        <div class="card">
            <div class="card-header">
                <h3 class="card-title">Müşteri Durumu</h3>
                <div class="card-tools">
                    <a href="{{ route('admin.customers.index') }}" class="btn btn-secondary btn-sm">
                        <i class="fas fa-arrow-left mr-1"></i> Müşterilere Dön
                    </a>
                </div>
            </div>
            <div class="card-body">
                <p class="text-muted m-0">
                    {{ $customer->created_at->format('d.m.Y H:i') }} tarihinde kayıt oldu
                </p>
            </div>
        </div>
    </div>

    <!-- Müşteri Bilgileri -->
    <div class="col-md-6">
        <div class="card">
            <div class="card-header">
                <h3 class="card-title">Müşteri Bilgileri</h3>
            </div>
            <div class="card-body p-0">
                <table class="table">
                    <tr>
                        <th style="width: 150px">Ad Soyad</th>
                        <td>{{ $customer->first_name }} {{ $customer->last_name }}</td>
                    </tr>
                    <tr>
                        <th>E-posta</th>
                        <td>{{ $customer->email }}</td>
                    </tr>
                    <tr>
                        <th>Telefon</th>
                        <td>{{ $customer->phone }}</td>
                    </tr>
                    <tr>
                        <th>Kayıt Tarihi</th>
                        <td>{{ $customer->created_at->format('d.m.Y H:i') }}</td>
                    </tr>
                </table>
            </div>
        </div>
    </div>

    <!-- Adres Bilgileri -->
    <div class="col-md-6">
        <div class="card">
            <div class="card-header">
                <h3 class="card-title">Kayıtlı Adresler</h3>
            </div>
            <div class="card-body p-0">
                @if($customer->addresses->count() > 0)
                    @foreach($customer->addresses as $address)
                        <div class="p-3 {{ !$loop->last ? 'border-bottom' : '' }}">
                            <h6 class="font-weight-bold mb-2">{{ $address->title }}</h6>
                            <p class="mb-1">{{ $address->address }}</p>
                            <small class="text-muted">
                                {{ $address->city->name }}, {{ $address->district->name }}
                            </small>
                        </div>
                    @endforeach
                @else
                    <div class="p-3 text-center text-muted">
                        Kayıtlı adres bulunmuyor
                    </div>
                @endif
            </div>
        </div>
    </div>

    <!-- Siparişler -->
    <div class="col-12">
        <div class="card">
            <div class="card-header">
                <h3 class="card-title">Siparişler</h3>
            </div>
            <div class="card-body table-responsive p-0">
                <table class="table table-hover text-nowrap">
                    <thead>
                        <tr>
                            <th>Sipariş No</th>
                            <th>Tarih</th>
                            <th>Durum</th>
                            <th>Ödeme Durumu</th>
                            <th>Toplam</th>
                            <th style="width: 100px">İşlemler</th>
                        </tr>
                    </thead>
                    <tbody>
                        @forelse($customer->orders as $order)
                            <tr>
                                <td>
                                    <div class="font-weight-bold">{{ $order->order_number }}</div>
                                </td>
                                <td>{{ $order->created_at->format('d.m.Y H:i') }}</td>
                                <td>
                                    @switch($order->status)
                                        @case('pending')
                                            <span class="badge badge-warning">Beklemede</span>
                                            @break
                                        @case('processing')
                                            <span class="badge badge-info">Hazırlanıyor</span>
                                            @break
                                        @case('completed')
                                            <span class="badge badge-success">Tamamlandı</span>
                                            @break
                                        @case('cancelled')
                                            <span class="badge badge-danger">İptal Edildi</span>
                                            @break
                                        @default
                                            <span class="badge badge-secondary">{{ $order->status }}</span>
                                    @endswitch
                                </td>
                                <td>
                                    @switch($order->payment_status)
                                        @case('pending')
                                            <span class="badge badge-warning">Beklemede</span>
                                            @break
                                        @case('paid')
                                            <span class="badge badge-success">Ödendi</span>
                                            @break
                                        @case('failed')
                                            <span class="badge badge-danger">Başarısız</span>
                                            @break
                                        @default
                                            <span class="badge badge-secondary">{{ $order->payment_status }}</span>
                                    @endswitch
                                </td>
                                <td>₺{{ number_format($order->total, 2) }}</td>
                                <td>
                                    <a href="{{ route('admin.orders.show', $order) }}" class="btn btn-primary btn-sm">
                                        <i class="fas fa-eye"></i>
                                    </a>
                                </td>
                            </tr>
                        @empty
                            <tr>
                                <td colspan="6" class="text-center">Henüz sipariş bulunmuyor</td>
                            </tr>
                        @endforelse
                    </tbody>
                </table>
            </div>
        </div>
    </div>
</div>
@endsection

@push('styles')
<style>
    .table td {
        vertical-align: middle;
    }
    .badge {
        font-size: 0.9em;
        padding: 0.45em 0.75em;
    }
</style>
@endpush