@extends('layouts.app')

@section('content')
<section class="content-header">
    <div class="container-fluid">
        <div class="row mb-3 align-items-center">
            <div class="col-sm-6">
                <h4 class="font-weight-bold mb-0">
                    @if($user_type == 'User')
                        <i class="fas fa-users text-primary mr-2"></i> إدارة الزبائن
                    @elseif($user_type == 'Owner')
                        <i class="fas fa-user-tie text-info mr-2"></i> إدارة أصحاب العقارات
                    @else
                        <i class="fas fa-user-shield text-danger mr-2"></i> إدارة المشرفين ومستخدمي النظام
                    @endif
                </h4>
            </div>
            @if($user_type == 'Admin' || auth()->user()->can('Admin.create'))
            <div class="col-sm-6 text-right">
                <a class="btn btn-primary px-4 shadow-sm" href="{{ route('tblUsers.create', ['user_type' => $user_type]) }}">
                    <i class="fas fa-plus mr-1"></i> إضافة {{ $user_type == 'User' ? 'زبون' : ($user_type == 'Owner' ? 'مضيف' : 'مشرف') }}
                </a>
            </div>
            @endif
        </div>
    </div>
</section>

@include('tbl_users.filter')

<div class="content px-3">

    @if($user_type == 'Owner' && isset($recentHosts) && $recentHosts->count() > 0)
    <div class="card card-primary card-outline mb-4">
        <div class="card-header">
            <h3 class="card-title">
                <i class="fas fa-users mr-1"></i> أحدث المشتركين (10)
            </h3>
        </div>
        <div class="card-body pb-2">
            <div class="row">
                @foreach($recentHosts as $host)
                    <div class="col-md-3 col-sm-6 col-12 mb-3">
                        <div class="info-box bg-light shadow-sm border h-100">
                            <span class="info-box-icon bg-primary"><i class="fas fa-user-tie"></i></span>
                            <div class="info-box-content">
                                <span class="info-box-text text-dark font-weight-bold">{{ $host->full_name }}</span>
                                <span class="info-box-number text-muted mb-2" style="font-size: 0.85rem;">{{ $host->created_at ? $host->created_at->format('Y-m-d') : '' }}</span>
                                
                                @if($host->subscription)
                                    <a href="{{ route('subscriptions.edit', $host->subscription->id) }}" class="btn btn-xs btn-outline-primary mt-auto">إدارة الاشتراك</a>
                                @else
                                    <span class="text-danger" style="font-size: 0.8rem;">لا يوجد اشتراك</span>
                                @endif
                            </div>
                        </div>
                    </div>
                @endforeach
            </div>
        </div>
    </div>
    @endif

    @include('flash::message')

    <div class="clearfix"></div>

    <div class="card">
        <div class="card-body p-0">
            @include('tbl_users.table')

            <div class="card-footer clearfix float-right">
                <div class="float-right">

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


@endsection