@extends('layout.master')
@section('title', 'Client Packages')
@section('content')

    <div class="content-page">
        <div class="content">
            <div class="container-fluid">

                <div class="py-3 d-flex align-items-center justify-content-between">
                    <h4 class="fs-18 fw-semibold m-0">Client packages</h4>
                    <div class="d-flex gap-2">
                        {{-- @can('client_package_create') --}}
                            <a href="{{ route('client-package.create') }}" class="btn btn-primary btn-sm">
                                + Assign Package
                            </a>
                        {{-- @endcan --}}
                        {{-- @can('client_package_trash_view') --}}
                            <a href="{{ route('client-package.trash') }}" class="btn btn-danger btn-sm">
                                🗑 Trash
                            </a>
                        {{-- @endcan --}}
                    </div>
                </div>

                @if (session('success'))
                    <div class="alert alert-success alert-dismissible fade show">
                        {{ session('success') }}
                        <button type="button" class="btn-close" data-bs-dismiss="alert"></button>
                    </div>
                @endif

                <div class="card">
                    <div class="card-body">
                        <div class="table-responsive">
                            <table id="datatable" class="table table-bordered dt-responsive nowrap align-middle">
                                <thead class="table-light">
                                    <tr>
                                        <th>#</th>
                                        <th>Client</th>
                                        <th>Package</th>
                                        <th>Amount</th>
                                        <th>Paid</th>
                                        <th>Remaining</th>
                                        <th>Status</th>
                                        <th>Action</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @forelse($clientPackages as $cp)
                                        <tr>
                                            <td>{{ $loop->iteration }}</td>
                                            <td><strong>{{ $cp->client->name ?? 'N/A' }}</strong></td>
                                            <td>{{ $cp->package->name ?? 'N/A' }}</td>
                                            <td>Rs {{ number_format($cp->amount, 2) }}</td>
                                            <td class="text-success">Rs {{ number_format($cp->paid_amount, 2) }}</td>
                                            <td class="text-danger">Rs {{ number_format($cp->remaining_balance, 2) }}</td>
                                            <td>
                                                <span
                                                    class="badge {{ $cp->status == 'active' ? 'bg-success' : ($cp->status == 'completed' ? 'bg-primary' : 'bg-secondary') }}">
                                                    {{ ucfirst($cp->status) }}
                                                </span>
                                            </td>
                                            <td>
                                                <div class="d-flex gap-1">
                                                    <a href="{{ route('client-package.show', $cp->id) }}"
                                                        class="btn btn-sm btn-outline-primary" title="View / Invoice">
                                                        <i class="mdi mdi-eye"></i>
                                                    </a>
                                                    {{-- @can('client_package_edit') --}}
                                                        <a href="{{ route('client-package.edit', $cp->id) }}"
                                                            class="btn btn-sm btn-outline-success" title="Edit">
                                                            <i class="mdi mdi-pencil"></i>
                                                        </a>
                                                    {{-- @endcan --}}
                                                    {{-- @can('client_package_trash') --}}
                                                        <form action="{{ route('client-package.delete', $cp->id) }}"
                                                            method="POST" onsubmit="return confirm('Move to trash?')">
                                                            @csrf @method('DELETE')
                                                            <button class="btn btn-sm btn-outline-danger" title="Delete">
                                                                <i class="mdi mdi-delete"></i>
                                                            </button>
                                                        </form>
                                                    {{-- @endcan --}}
                                                </div>
                                            </td>
                                        </tr>
                                    @empty
                                        <tr>
                                            <td colspan="8" class="text-center text-muted py-4">No client packages found.
                                            </td>
                                        </tr>
                                    @endforelse
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>

            </div>
        </div>
    </div>

@endsection