@extends('admin.layouts.main')
@section('content')
<main class="main">
                    <section class="section lyt-section overflow-auto">
                        <div class="inner-app-main">
                            <h2 class="bs-heading typ-27 typ-blue typ-800 mt-18 mb-15">
                                Dashboard
                                <span class="bs-para typ-14 typ-grey4 d-block">Welcome to admin panel</span>
                            </h2>

                            <div class="bs-grid-box typ-four-grid gap-32 mb-32 me-2">
                                <a href="{{ route ('admin.user.list')}}" class="bs-box">
                                    <div>
                                        <div class="num-box">
                                            <h2 class="number theam-color">
                                                {{$total_users}}
                                            </h2>
                                        </div>
                                        <p class="bs-para mb-14 theam-color">
                                            Total Users
                                        </p>
                                        <span class="icon icon-circle-arrow"></span>
                                    </div>
                                </a>
                                <a href="{{route('admin.adminProperiesList')}}" class="bs-box">
                                    <div>
                                        <div class="num-box">
                                            <h2 class="number green-color">
                                                {{$total_properties}}
                                            </h2>
                                        </div>
                                        <p class="bs-para mb-14 green-color">
                                            Properties
                                        </p>
                                        <span class="icon icon-circle-arrow"></span>
                                    </div>
                                </a>
                                <a href="{{route('admin.adminProperiesList',['property_for'=>'BUY'])}}" class="bs-box">
                                    <div>
                                        <div class="num-box">
                                            <h2 class="number typ-grey2">
                                                {{$total_sale_properties}}
                                            </h2>
                                        </div>
                                        <p class="bs-para mb-14 typ-grey2">
                                            Property For Sale
                                        </p>
                                        <span class="icon icon-circle-arrow"></span>
                                    </div>
                                </a>
                                <a href="{{route('admin.adminProperiesList',['property_for'=>'RENT'])}}" class="bs-box">
                                    <div>
                                        <div class="num-box">
                                            <h2 class="number typ-yellow">
                                                {{$total_rent_properties}}
                                            </h2>
                                        </div>
                                        <p class="bs-para mb-14 typ-yellow">
                                            Property For Rent
                                        </p>
                                        <span class="icon icon-circle-arrow"></span>
                                    </div>
                                </a>
                            </div>
                        </div>
                    </section>
                    <section class="section lyt-section ">
                        <div class="property--height">
                            <div class="row custom-row-gutter">
                                <div class="bs-card property-card m-3 ms-0">
                                    <div class="bs-table mb-0">
                                        <div class="append-div">
                                            <div class="d-flex gap-24 justify-content-between mb-24">
                                                <div>
                                                    <h2 class="bs-heading typ-27 typ-800 ps-0">
                                                        Recent Properties
                                                    </h2>
                                                </div>
                                                <a href="{{route('admin.adminProperiesList')}}" class="bs-btn typ-blue-btn typ-export-btn">View All</a>
                                            </div>
                                        </div>
                                        <table id="recentpropertyTable"
                                            class="table table-striped display nowrap cell-border mb-0"
                                            style="width:100%">
                                            <thead>
                                                <tr>
                                                    <th>Owner Name</th>
                                                    <th>Property</th>
                                                    <th>Date</th>
                                                    <th>Buyer/ Tenant Name</th>
                                                    <th>Price</th>
                                                    <th>Status</th>

                                                </tr>
                                            </thead>
                                            <tbody>
                                                @foreach($recent_properties as $recent_property)
                                                @php
                                               // Fetch the first visit with status 'Sold' or 'Rented'
                                               $buyer = \App\Models\PropertyVisits::where('property_id', $recent_property->id)
                                                           ->whereIn('status', ['Sold', 'Rented'])
                                                           ->first();
                                           @endphp
                                                <tr>
                                                    <td>{{$recent_property->owner ? $recent_property->owner->first_name .' '. $recent_property->owner->last_name  : 'Not yet sold'}}</td>
                                                    <td>
                                                        <div class="bs-grid-box typ-property-box">
                                                            <div class="leftBox h-100">
                                                                <div class="img-box h-100">
                                                                    <img src="{{asset('storage/'.$recent_property->property_images[0]->image)}}"
                                                                        class="img-fluid w-100 h-100" alt="property">
                                                                </div>
                                                            </div>
                                                            <div class="rightBox">
                                                                <div class="text-box">
                                                                    <p class="bs-para typ-14">{{$recent_property->city}}, {{$recent_property->state}}</p>
                                                                    <p class="bs-para typ-14 typ-600">{{$recent_property->property_name}}</p>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </td>
                                                    <td>{{ $recent_property->created_at->format('M d, Y') }}</td>
                                                    <td>{{$buyer ? $buyer->user->first_name.' '.$buyer->user->last_name : 'Not yet sold'}}</td>
                                                    <td>
                                                        @php
                                                        $amount=null;
                                                        if($recent_property->property_for=="BUY"){
                                                            $amount=$recent_property->amount;
                                                        }else{
                                                            $amount=$recent_property->rent_amount .'/m';
                                                        }

                                                        @endphp
                                                        <p class="bs-para typ-14 typ-theme typ-600">₹ {{$amount}}</p>
                                                    </td>
                                                    <td class="typ-center">
                                                    @php
                                                            $status_color="typ-red";
                                                            if($recent_property->property_status=="Sold"){
                                                                $status_color="typ-green";
                                                            }else if($recent_property->property_status=="Rented"){
                                                                $status_color="typ-green";
                                                            }else if($recent_property->property_status=="Approved"){
                                                                $status_color="typ-blue";
                                                            }

                                                        @endphp
                                                        <div class="typ-status {{$status_color}}">
                                                            {{$recent_property->property_status}}
                                                        </div>
                                                    </td>
                                                </tr>
                                                @endforeach

                                            </tbody>
                                        </table>
                                    </div>

                                </div>
                            </div>
                        </div>
                    </section>
                    <section class="section lyt-section ">
                        <div class="property--height">

                            <div class="row custom-row-gutter">
                                <div class="bs-card property-card m-3 ms-0">
                                    <div class="bs-table mb-0">
                                        <div class="append-div">
                                            <div class="d-flex gap-24 justify-content-between mb-24">
                                                <div>
                                                    <h2 class="bs-heading typ-27 typ-800 ps-0">
                                                        New Users
                                                    </h2>
                                                </div>
                                                <a href="{{ route ('admin.user.list')}}" class="bs-btn typ-blue-btn typ-export-btn">View All</a>
                                            </div>
                                        </div>
                                        <table id="newuserTable"
                                            class="table table-striped display nowrap cell-border mb-0"
                                            style="width:100%">
                                            <thead>
                                                <tr>
                                                    <th>First Name</th>
                                                    <th>Last Name</th>
                                                    <th>Type of user</th>
                                                    <th>Date of joining</th>
                                                    <th>Phone Number</th>
                                                    <th>Email ID</th>
                                                    <th>No of Properties</th>
                                                    <th>End-to-end property </th>
                                                    <th>Paperwork made easy</th>

                                                </tr>
                                            </thead>
                                            <tbody>
                                            @foreach($new_users as $user)

                                                <tr>
                                                    <td>{{$user->first_name}}</td>
                                                    <td>{{$user->last_name}}</td>
                                                    <td>{{$user->user_type}}</td>
                                                    <td>{{$user->created_at->format('d-m-y')}}</td>
                                                    <td>{{$user->phone_number}}</td>
                                                    <td>{{$user->email}}</td>
                                                    <td>{{$user->properties->count()}}</td>
                                                    <td>
                                                    @if($user->has_end_to_end_service)
                                                    <img src="assets/images/circle-with-check.svg" alt="img-fluid"
                                                            width="14" height="14" style="border-radius: 50%;">
                                                      @else
                                                      NA
                                                      @endif
                                                     </td>
                                                    <td>
                                                   @if($user->has_paper_work_service)
                                                    <img src="assets/images/circle-with-check.svg" alt="img-fluid"
                                                            width="14" height="14" style="border-radius: 50%;">
                                                      @else
                                                      NA
                                                      @endif </td>
                                                </tr>
                                                @endforeach


                                            </tbody>
                                        </table>
                                    </div>

                                </div>
                            </div>
                        </div>
                    </section>
                    <section class="section lyt-section ">
                        <div class="property--height">
                            <div class="row custom-row-gutter">
                                <div class="bs-card property-card m-3 ms-0">
                                    <div class="append-div">
                                        <div class="d-flex gap-24 justify-content-between mb-24">
                                            <div>
                                                <h2 class="bs-heading typ-27 typ-800 ps-0">
                                                    Recent Messages
                                                </h2>
                                            </div>
                                            <a href="{{route('admin.ownerMessages')}}" class="bs-btn typ-blue-btn typ-export-btn">View All</a>
                                        </div>
                                    </div>
                                    <div class="maintenance-main-box typ-admin-dashboard">
                                        @foreach($recent_messages as $recent_message)
                                        <div class="bs-maintenance-noti-box">
                                            <div class="leftBox">
                                                <div class="customer-profile">
                                                    <div class="profile-icon">
                                                        <img src="assets/images/owner-admin/maintenance/profile.jpg"
                                                            class="img-fluid" alt="profile" >
                                                    </div>
                                                    <div class="profile-content">
                                                        <p class="bs-para typ-theme typ-700 mb-16">
                                                        {{$recent_message->user->first_name.' '.$recent_message->user->last_name}} <span class="tag">{{ucfirst($recent_message->user->user_type)}}</span>
                                                        </p>
                                                        <a href="tel:+918898989890">
                                                            <p class="bs-para typ-14 typ-black mb-6">
                                                           +91 {{$recent_message->user->phone_number}}
                                                            </p>
                                                        </a>
                                                        <a href="mailto:johnwick@gmail.com">
                                                            <p class="bs-para typ-14 typ-black">
                                                            {{$recent_message->user->email}}
                                                            </p>
                                                        </a>
                                                    </div>
                                                </div>
                                                <p class="bs-para">
                                                   {{$recent_message->description}}
                                                </p>
                                            </div>
                                        </div>
                                        @endforeach


                                    </div>
                                </div>
                            </div>
                        </div>
                    </section>
                    <section class="section lyt-section ">
                        <div class="property--height">
                            <div class="row custom-row-gutter">
                                <div class="bs-card property-card m-3 ms-0">
                                    <div class="bs-table mb-0">
                                    <div class="append-div">
                                                <div class="d-flex gap-24 justify-content-between mb-24">
                                                    <div>
                                                        <h2 class="bs-heading typ-27 typ-800 ps-0">
                                                            Recent Maintenance
                                                        </h2>
                                                    </div>
                                                    <a href="{{route('admin.adminMaintananceList')}}" class="bs-btn typ-blue-btn typ-export-btn">View All</a>
                                                </div>
                                            </div>
                                        <table id="recentmaintenanceTable"
                                            class="table table-striped display nowrap cell-border mb-0"
                                            style="width:100%">
                                            <thead>
                                                <tr>
                                                    <th>Issues</th>
                                                    <th>Owner Name</th>
                                                    <th>Date</th>
                                                    <th>Time</th>
                                                    <th>Location</th>
                                                    <th>Urgency</th>
                                                    <th>Status</th>

                                                </tr>
                                            </thead>
                                            <tbody>
                                                @foreach($recent_maintanances as $maintanance)
                                                <tr>
                                                    <td>
                                                        <div class="rightBox">
                                                            <div class="text-box">
                                                                <p class="bs-para typ-14 typ-600">{{$maintanance->issue_title}}</p>
                                                                <p class="bs-para typ-14">{{ Str::limit($maintanance->description, 15, '...') }}</p>
                                                            </div>
                                                        </div>
                                                    </td>
                                                    <td>
                                                        @if($maintanance->property && $maintanance->property->owner)
                                                            {{$maintanance->property->owner->first_name . ' ' . $maintanance->property->owner->last_name}}
                                                        @else
                                                            <span>No Owner Data</span>
                                                        @endif
                                                    </td>
                                                    <td>{{$maintanance->created_at->format('d/m/Y')}}</td>
                                                    <td>{{$maintanance->created_at->format('h:i A')}}</td>
                                                    <td>{{$maintanance->location}}</td>
                                                    <td>{{$maintanance->urgency_level}}</td>
                                                    <td class="typ-center">
                                                    @php
                                                           $status_class='typ-waiting';
                                                           if($maintanance->status=="Complete"){
                                                             $status_class='typ-complete';
                                                           }else if($maintanance->status=="In Progress"){
                                                             $status_class='typ-progress';
                                                           }

                                                       @endphp
                                                        <div class="typ-status">
                                                                <a href="{{route('owner.ownerEditMaintanance',$maintanance)}}" class="bs-progress-btn {{$status_class}}">
                                                                    {{$maintanance->status}}
                                                                    </a>
                                                        </div>
                                                    </td>
                                                </tr>
                                                @endforeach

                                            </tbody>
                                        </table>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </section>

                    <!-- <button class="btn btn-primary mt-5" data-bs-target="#actionProperty" data-bs-toggle="modal">Open
                        Second
                        modal</button>
                    <button class="btn btn-primary mt-5" data-bs-target="#deleteProperty" data-bs-toggle="modal">Open
                        Second
                        modal</button>
                    <button class="btn btn-primary mt-5" data-bs-target="#servicePayment" data-bs-toggle="modal">Open
                        Second
                        modal</button> -->
                </main>
      @endsection