@extends('layouts.app')
@section('title', $shop ? 'عقود المحل: ' . $shop->shop_name : 'إدارة المحلات والعقود')
@section('content')

<div class="d-flex justify-content-between align-items-center mb-4">
    @if($shop)
        <a href="{{ route('shops.index') }}" class="btn btn-light rounded-pill px-3 shadow-sm border">
            <i class="fa-solid fa-arrow-right ms-1"></i> العودة للمحلات
        </a>
    @else
        <div></div>
    @endif
    <div>
        <button onclick="window.print()" class="btn btn-sm btn-dark rounded-circle d-inline-flex align-items-center justify-content-center" style="width: 32px; height: 32px; padding: 0;" title="طباعة / PDF">
            <i class="fa-solid fa-print"></i>
        </button>
        <button type="button" class="btn btn-primary btn-sm rounded-pill px-3" data-bs-toggle="modal" data-bs-target="#addContractModal">
            <i class="fa-solid fa-plus ms-1"></i> إضافة عقد جديد
        </button>
    </div>
</div>

<div class="card shadow-sm border-0" style="border-radius: 16px;">
    <div class="card-header bg-white border-bottom pt-4 pb-3 px-4 d-flex justify-content-between align-items-center">
        <h5 class="fw-bold mb-0 text-dark">قائمة العقود</h5>
    </div>
    <div class="card-body p-0">
        <div class="table-responsive">
            <table class="table table-hover align-middle mb-0" style="min-width: 1000px;">
                <thead class="bg-light text-muted">
                    <tr>
                        <th class="ps-4">المحل</th>
                        <th>المستأجر</th>
                        <th>بداية العقد</th>
                        <th>نهاية العقد</th>
                        <th>المبلغ الإجمالي</th>
                        <th>حالة الدفع</th>
                        <th>الحالة</th>
                        <th class="pe-4 text-center">الإجراءات</th>
                    </tr>
                </thead>
                <tbody>
                    @foreach($contracts as $contract)
                    <tr class="{{ $contract->status == 'closed' ? 'bg-light text-muted' : '' }}">
                        <td class="ps-4 fw-bold">{{ $contract->shop->shop_name ?? 'غير محدد' }}</td>
                        <td>{{ $contract->tenant_name }}</td>
                        <td><span class="badge bg-light text-dark border">{{ $contract->start_date }}</span></td>
                        <td><span class="badge bg-light text-dark border">{{ $contract->end_date }}</span></td>
                        <td class="fw-bold text-primary">{{ number_format($contract->total_amount, 2) }}</td>
                        <td>
                            @php
                                $paid = \App\Models\Installment::where('contract_id', $contract->id)->sum('paid_amount');
                                $total = $contract->total_amount;
                                $percent = $total > 0 ? round(($paid / $total) * 100) : 0;
                            @endphp
                            <div class="progress" style="height: 10px; width: 100px; border-radius: 5px;">
                                <div class="progress-bar {{ $percent == 100 ? 'bg-success' : 'bg-primary' }}" role="progressbar" style="width: {{ $percent }}%;" aria-valuenow="{{ $percent }}" aria-valuemin="0" aria-valuemax="100"></div>
                            </div>
                            <small class="text-muted" style="font-size: 0.7rem;">{{ $percent }}%</small>
                        </td>
                        <td>
                            @if($contract->status == 'active')
                                <span class="badge bg-success bg-opacity-10 text-success border border-success border-opacity-25 rounded-pill px-3">ساري</span>
                            @else
                                <span class="badge bg-secondary bg-opacity-10 text-secondary border border-secondary border-opacity-25 rounded-pill px-3">منتهي</span>
                            @endif
                        </td>
                        <td class="pe-4 text-center">
                            <a href="{{ route('installments.index', ['contract_id' => $contract->id]) }}" class="btn btn-sm btn-info text-white rounded-pill px-3 py-1 shadow-sm d-inline-flex align-items-center justify-content-center fw-bold" style="font-size: 0.75rem;" title="عرض الأقساط والدفعات">
                                <i class="fa-solid fa-list ms-1"></i>الأقساط
                            </a>

                            <button type="button" class="btn btn-sm btn-warning text-dark rounded-pill px-3 py-1 shadow-sm d-inline-flex align-items-center justify-content-center fw-bold edit-contract-btn" style="font-size: 0.75rem;" title="تعديل العقد" 
                                data-id="{{ $contract->id }}"
                                data-tenant-name="{{ $contract->tenant_name }}"
                                data-tenant-phone="{{ $contract->tenant_phone }}"
                                data-tenant-representative="{{ $contract->tenant_representative }}"
                                data-tenant-id-no="{{ $contract->tenant_id_no }}"
                                data-license-issued-by="{{ $contract->license_issued_by }}"
                                data-license-no="{{ $contract->license_no }}"
                                data-tenant-address="{{ $contract->tenant_address }}"
                                data-tenant-email="{{ $contract->tenant_email }}"
                                data-business-activity="{{ $contract->business_activity }}"
                                data-area-space="{{ $contract->area_space }}"
                                data-area-location="{{ $contract->area_location }}"
                                data-notes="{{ $contract->notes }}"
                                data-contract-number="{{ $contract->contract_number }}"
                                data-account-number="{{ $contract->account_number }}"
                                data-agent-percentage="{{ $contract->agent_percentage }}"
                                data-category="{{ $contract->category }}"
                                data-start-date="{{ $contract->start_date }}"
                                data-end-date="{{ $contract->end_date }}"
                                data-subscription-type="{{ $contract->subscription_type }}"
                                data-payment-plan="{{ $contract->payment_plan }}"
                                data-rent-amount="{{ $contract->rent_amount }}"
                                data-tax-amount="{{ $contract->tax_amount }}"
                                data-opening-balance="{{ $contract->opening_balance }}"
                                data-total-amount="{{ $contract->total_amount }}"
                                data-status="{{ $contract->status }}"
                                data-shop-id="{{ $contract->shop_id }}"
                            >
                                <i class="fa-solid fa-pen-to-square ms-1"></i>تعديل
                            </button>
                            
                            <a href="{{ route('installments.index', ['contract_id' => $contract->id]) }}" class="btn btn-sm btn-primary text-white rounded-pill px-3 py-1 shadow-sm d-inline-flex align-items-center justify-content-center fw-bold" style="font-size: 0.75rem;" title="الأقساط والسداد">
                                <i class="fa-solid fa-coins ms-1"></i>الأقساط
                            </a>
                            
                            <a href="{{ route('contracts.print', $contract->id) }}" target="_blank" class="btn btn-sm btn-info text-white rounded-pill px-3 py-1 shadow-sm d-inline-flex align-items-center justify-content-center fw-bold" style="font-size: 0.75rem;" title="طباعة العقد">
                                <i class="fa-solid fa-print ms-1"></i>طباعة
                            </a>
                            
                            <form action="{{ route('contracts.destroy', $contract->id) }}" method="POST" class="d-inline" onsubmit="return confirm('هل أنت متأكد من حذف هذا العقد نهائياً وحذف جميع الأقساط والمدفوعات المتعلقة به؟')">
                                @csrf
                                @method('DELETE')
                                @if(!$shop)
                                    <input type="hidden" name="redirect_to" value="global">
                                @endif
                                <button type="submit" class="btn btn-sm btn-danger text-white rounded-pill px-3 py-1 shadow-sm d-inline-flex align-items-center justify-content-center fw-bold" style="font-size: 0.75rem;" title="حذف العقد">
                                    <i class="fa-solid fa-trash ms-1"></i>حذف
                                </button>
                            </form>
                        </td>
                    </tr>
                    @endforeach
                    @if($contracts->isEmpty())
                    <tr>
                        <td colspan="8" class="text-center py-5 text-muted">
                            <i class="fa-solid fa-folder-open fs-1 mb-3 opacity-25 d-block"></i>
                            لا توجد عقود مسجلة بعد.
                        </td>
                    </tr>
                    @endif
                </tbody>
            </table>
        </div>
    </div>
</div>

@include('contracts.modals')

@endsection