@extends('layouts.app')

@section('title', 'تفاصيل الشركة - نظام إدارة الحوالات الخارجية')

@section('page-title', 'تفاصيل الشركة')

@section('page-actions')
<div class="btn-group" role="group" aria-label="إجراءات الشركة">
    <a href="{{ route('companies.index') }}" class="btn btn-secondary">
        <i class="bi bi-arrow-right"></i> العودة إلى القائمة
    </a>
    <a href="{{ route('companies.edit', $company) }}" class="btn btn-warning">
        <i class="bi bi-pencil"></i> تعديل الشركة
    </a>
    <button type="button" class="btn btn-danger" data-bs-toggle="modal" data-bs-target="#deleteModal">
        <i class="bi bi-trash"></i> حذف الشركة
    </button>
</div>

<!-- Delete Modal -->
<div class="modal fade" id="deleteModal" tabindex="-1" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title">تأكيد الحذف</h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
            </div>
            <div class="modal-body">
                هل أنت متأكد من رغبتك في حذف الشركة "{{ $company->name }}"؟
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">إلغاء</button>
                <form action="{{ route('companies.destroy', $company) }}" method="POST">
                    @csrf
                    @method('DELETE')
                    <button type="submit" class="btn btn-danger">حذف</button>
                </form>
            </div>
        </div>
    </div>
</div>
@endsection

@section('content')
<!-- Company Details -->
<div class="card mb-4">
    <div class="card-header">
        <h5 class="mb-0">معلومات الشركة</h5>
    </div>
    <div class="card-body">
        <div class="row">
            <div class="col-md-6">
                <table class="table table-borderless">
                    <tr>
                        <th class="text-muted" style="width: 40%;">اسم الشركة (بالعربية):</th>
                        <td>{{ $company->name }}</td>
                    </tr>
                    <tr>
                        <th class="text-muted">اسم الشركة (بالإنجليزية):</th>
                        <td>{{ $company->name_en }}</td>
                    </tr>
                    <tr>
                        <th class="text-muted">رقم التسجيل:</th>
                        <td>{{ $company->registration_number }}</td>
                    </tr>
                    <tr>
                        <th class="text-muted">الرقم الضريبي:</th>
                        <td>{{ $company->tax_number }}</td>
                    </tr>
                    <tr>
                        <th class="text-muted">اسم المدير:</th>
                        <td>{{ $company->manager_name }}</td>
                    </tr>
                </table>
            </div>
            <div class="col-md-6">
                <table class="table table-borderless">
                    <tr>
                        <th class="text-muted" style="width: 40%;">البريد الإلكتروني:</th>
                        <td>{{ $company->email }}</td>
                    </tr>
                    <tr>
                        <th class="text-muted">رقم الهاتف:</th>
                        <td>{{ $company->phone }}</td>
                    </tr>
                    <tr>
                        <th class="text-muted">العنوان:</th>
                        <td>{{ $company->address }}</td>
                    </tr>
                    <tr>
                        <th class="text-muted">تاريخ الإنشاء:</th>
                        <td>{{ $company->created_at->format('Y-m-d') }}</td>
                    </tr>
                    <tr>
                        <th class="text-muted">آخر تحديث:</th>
                        <td>{{ $company->updated_at->format('Y-m-d') }}</td>
                    </tr>
                </table>
            </div>
        </div>
    </div>
</div>

<!-- Company Images -->
<div class="row mb-4">
    <div class="col-md-6">
        <div class="card h-100">
            <div class="card-header">
                <h5 class="mb-0">ختم الشركة</h5>
            </div>
            <div class="card-body text-center">
                @if($company->stamp_image)
                    <img src="{{ Storage::url($company->stamp_image) }}" alt="ختم الشركة" class="img-fluid mb-2" style="max-height: 200px;">
                    <div>
                        <a href="{{ Storage::url($company->stamp_image) }}" class="btn btn-sm btn-primary" target="_blank">
                            <i class="bi bi-eye"></i> عرض بالحجم الكامل
                        </a>
                    </div>
                @else
                    <div class="alert alert-warning">
                        لم يتم تحميل صورة الختم
                    </div>
                @endif
            </div>
        </div>
    </div>
    <div class="col-md-6">
        <div class="card h-100">
            <div class="card-header">
                <h5 class="mb-0">توقيع الشركة</h5>
            </div>
            <div class="card-body text-center">
                @if($company->signature_image)
                    <img src="{{ Storage::url($company->signature_image) }}" alt="توقيع الشركة" class="img-fluid mb-2" style="max-height: 200px;">
                    <div>
                        <a href="{{ Storage::url($company->signature_image) }}" class="btn btn-sm btn-primary" target="_blank">
                            <i class="bi bi-eye"></i> عرض بالحجم الكامل
                        </a>
                    </div>
                @else
                    <div class="alert alert-warning">
                        لم يتم تحميل صورة التوقيع
                    </div>
                @endif
            </div>
        </div>
    </div>
</div>

<!-- Bank Accounts -->
<div class="card">
    <div class="card-header d-flex justify-content-between align-items-center">
        <h5 class="mb-0">الحسابات المصرفية</h5>
        <a href="{{ route('companies.edit', $company) }}#bank-accounts" class="btn btn-sm btn-primary">
            <i class="bi bi-plus-circle"></i> إضافة حساب جديد
        </a>
    </div>
    <div class="card-body">
        @if($company->bankAccounts->count() > 0)
            <div class="table-responsive">
                <table class="table table-striped">
                    <thead>
                        <tr>
                            <th>#</th>
                            <th>البنك</th>
                            <th>رقم الحساب</th>
                            <th>رقم الآيبان</th>
                            <th>اسم الفرع</th>
                            <th>العملة</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach($company->bankAccounts as $index => $account)
                            <tr>
                                <td>{{ $index + 1 }}</td>
                                <td>{{ $account->bank->name }}</td>
                                <td>{{ $account->account_number }}</td>
                                <td>{{ $account->iban }}</td>
                                <td>{{ $account->branch_name }}</td>
                                <td>{{ $account->currency }}</td>
                            </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
        @else
            <div class="alert alert-info">
                لا توجد حسابات مصرفية مسجلة لهذه الشركة
            </div>
        @endif
    </div>
</div>
@endsection