@extends('layouts.app')

@section('content')

<div style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 2rem; margin-top: 15px;">
    <h2 style="color: #d4af37; font-size: 1.5rem; font-weight: bold;">
        {{ $branch->name }}
    </h2>
    <div style="display: flex; gap: 1rem;">
        <a href="{{ route('admin.branches.edit', $branch) }}" style="background: #0066cc; color: white; padding: 0.5rem 1rem; border-radius: 0.5rem; text-decoration: none; font-size: 0.875rem; font-weight: bold;">
            {{ app()->getLocale() == 'ar' ? 'تعديل' : 'Edit' }}
        </a>
        <a href="{{ route('admin.branches.index') }}" style="background: #666; color: white; padding: 0.5rem 1rem; border-radius: 0.5rem; text-decoration: none; font-size: 0.875rem; font-weight: bold;">
            {{ app()->getLocale() == 'ar' ? 'عودة' : 'Back' }}
        </a>
    </div>
</div>

<div class="py-12">
    <div class="max-w-7xl mx-auto sm:px-6 lg:px-8 space-y-8">
        <!-- Branch Information -->
        <div class="bg-[#111] border border-gray-800 rounded-2xl p-8">
            <h3 class="text-[#d4af37] font-bold mb-6">{{ app()->getLocale() == 'ar' ? 'معلومات الفرع' : 'Branch Information' }}</h3>
            
            <div class="grid grid-cols-1 md:grid-cols-2 gap-6">
                <div>
                    <p class="text-gray-400 text-sm">{{ app()->getLocale() == 'ar' ? 'الكود' : 'Code' }}</p>
                    <p class="text-white font-bold">{{ $branch->code }}</p>
                </div>

                <div>
                    <p class="text-gray-400 text-sm">{{ app()->getLocale() == 'ar' ? 'الحالة' : 'Status' }}</p>
                    <p class="text-white font-bold">
                        <span class="px-3 py-1 rounded-full text-xs {{ $branch->status == 'active' ? 'bg-green-900/30 text-green-400' : 'bg-red-900/30 text-red-400' }}">
                            {{ $branch->status == 'active' ? (app()->getLocale() == 'ar' ? 'نشط' : 'Active') : (app()->getLocale() == 'ar' ? 'معطل' : 'Inactive') }}
                        </span>
                    </p>
                </div>

                <div>
                    <p class="text-gray-400 text-sm">{{ app()->getLocale() == 'ar' ? 'البريد الإلكتروني' : 'Email' }}</p>
                    <p class="text-white font-bold">{{ $branch->email }}</p>
                </div>

                <div>
                    <p class="text-gray-400 text-sm">{{ app()->getLocale() == 'ar' ? 'الهاتف' : 'Phone' }}</p>
                    <p class="text-white font-bold">{{ $branch->phone }}</p>
                </div>

                <div class="md:col-span-2">
                    <p class="text-gray-400 text-sm">{{ app()->getLocale() == 'ar' ? 'العنوان' : 'Address' }}</p>
                    <p class="text-white font-bold">{{ $branch->address }}</p>
                </div>

                <div>
                    <p class="text-gray-400 text-sm">{{ app()->getLocale() == 'ar' ? 'المدينة' : 'City' }}</p>
                    <p class="text-white font-bold">{{ $branch->city }}</p>
                </div>

                <div>
                    <p class="text-gray-400 text-sm">{{ app()->getLocale() == 'ar' ? 'المنطقة' : 'Region' }}</p>
                    <p class="text-white font-bold">{{ $branch->region }}</p>
                </div>
            </div>
        </div>

        <!-- Statistics -->
        <div class="grid grid-cols-1 md:grid-cols-4 gap-6">
            <div class="bg-[#111] border border-gray-800 rounded-2xl p-6 text-center">
                <p class="text-[#d4af37] text-3xl font-bold">{{ $branch->cars()->count() }}</p>
                <p class="text-gray-400 text-sm mt-2">{{ app()->getLocale() == 'ar' ? 'السيارات' : 'Cars' }}</p>
            </div>

            <div class="bg-[#111] border border-gray-800 rounded-2xl p-6 text-center">
                <p class="text-[#d4af37] text-3xl font-bold">{{ $branch->employees()->count() }}</p>
                <p class="text-gray-400 text-sm mt-2">{{ app()->getLocale() == 'ar' ? 'الموظفين' : 'Employees' }}</p>
            </div>

            <div class="bg-[#111] border border-gray-800 rounded-2xl p-6 text-center">
                <p class="text-[#d4af37] text-3xl font-bold">{{ $branch->rentals()->where('status', 'open')->count() }}</p>
                <p class="text-gray-400 text-sm mt-2">{{ app()->getLocale() == 'ar' ? 'الحجوزات النشطة' : 'Active Rentals' }}</p>
            </div>

            <div class="bg-[#111] border border-gray-800 rounded-2xl p-6 text-center">
                <p class="text-[#d4af37] text-3xl font-bold">{{ number_format($branch->rentals()->where('status', 'closed')->sum('total_amount'), 2) }}</p>
                <p class="text-gray-400 text-sm mt-2">{{ app()->getLocale() == 'ar' ? 'إجمالي الإيرادات' : 'Total Revenue' }}</p>
            </div>
        </div>

        <!-- Manager Information -->
        @if($branch->manager)
        <div class="bg-[#111] border border-gray-800 rounded-2xl p-8">
            <h3 class="text-[#d4af37] font-bold mb-6">{{ app()->getLocale() == 'ar' ? 'مدير الفرع' : 'Branch Manager' }}</h3>
            
            <div class="grid grid-cols-1 md:grid-cols-2 gap-6">
                <div>
                    <p class="text-gray-400 text-sm">{{ app()->getLocale() == 'ar' ? 'الاسم' : 'Name' }}</p>
                    <p class="text-white font-bold">{{ $branch->manager->name }}</p>
                </div>

                <div>
                    <p class="text-gray-400 text-sm">{{ app()->getLocale() == 'ar' ? 'البريد الإلكتروني' : 'Email' }}</p>
                    <p class="text-white font-bold">{{ $branch->manager->email }}</p>
                </div>
            </div>
        </div>
        @endif

        <!-- Description -->
        @if($branch->description)
        <div class="bg-[#111] border border-gray-800 rounded-2xl p-8">
            <h3 class="text-[#d4af37] font-bold mb-4">{{ app()->getLocale() == 'ar' ? 'الوصف' : 'Description' }}</h3>
            <p class="text-white">{{ $branch->description }}</p>
        </div>
        @endif
    </div>
</div>

@endsection