@extends('layouts.app')
@section('title', 'إدارة العقود')
@section('content')

<div class="d-flex justify-content-between align-items-center mb-4">
    <div></div>
    <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('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>
                        </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