@extends('owner.layouts.main')
@section('content')
<main class="main">
            <section class="section lyt-section">
              <div class="inner-app-main">
                <h2 class="bs-heading typ-27 typ-blue typ-800 mt-18 mb-24">
                  Maintenance
                </h2>
                @foreach($maintanances as $maintanance)
                <div class="maintenance-main-box">
                  <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">
                            {{$maintanance->buyer->first_name}} {{$maintanance->buyer->last_name}}
                          </p>
                          <a href="tel:+918898989890"
                            ><p class="bs-para typ-14 typ-black mb-6">
                            {{$maintanance->buyer->phone_number}}
                            </p></a
                          >
                          <a href="mailto:johnwick@gmail.com"
                            ><p class="bs-para typ-14 typ-black">
                            {{$maintanance->buyer->email}}
                            </p></a
                          >
                        </div>
                      </div>
                      <p class="bs-para">
                      {{$maintanance->description}}
                      </p>
                    </div>
                    <div class="rightBox">
                      <div class="flex-box">
                        <div class="time">
                          <p class="bs-para typ-14 typ-blue1 typ-700 mb-03">
                            Time
                          </p>
                          <p class="bs-para typ-14 typ-blue1">{{$maintanance->created_at->format('h:i A')}}</p>
                        </div>
                        <div class="date">
                          <p class="bs-para typ-14 typ-blue1 typ-700 mb-03">
                            Date
                          </p>
                          <p class="bs-para typ-14 typ-blue1">{{$maintanance->created_at->format('d F,Y')}}</p>
                        </div>
                        <div class="status">
                        @php
                              $status_class='typ-waiting';
                              if($maintanance->status=="Complete"){
                                $status_class='typ-complete';
                              }else if($maintanance->status=="In Progress"){
                                $status_class='typ-progress';
                              }

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

                <div class="bs-pagination-strip">
                    <p class="bs-para typ-16 typ-black">Showing {{$maintanances->firstItem()}} to {{$maintanances->lastItem()}} of {{$maintanances->total()}} Listings</p>
                  <nav aria-label="Page navigation">
                    <ul class="pagination ">
                     {{ $maintanances->links('owner.properties.pagination') }}
                    </ul>
                  </nav>
                </div>
              </div>
            </section>
          </main>

@endsection