@extends('admin.layouts.master')

@section('page_title',__('admin.Meter Reading Requests'))

@section('page_heading',__('admin.Meter Reading Requests'))

@section('page_text',__('admin.Meter Reading Requests'))

@section('page_breadcrumb_icon') <i class="ki-duotone ki-home fs-3 text-gray-500 me-n1"></i> @endsection

@section('page_breadcrumb_item', 'Meter Reading Requests')

@section('page_breadcrumb_item2', 'Meter Reading Requests')

@section('css')
    <style>
        .background-color {
            background: #f1eaaf;
        }
    </style>
@endsection


@section('content')
<div class="row">
    <div class="col-md-12">
        <div class="card card-flush">
            <div class="card-body">
                <div class="row">
                    @foreach ($meter as $item)
                        <div class="card {{ $item->view == 0 ? 'background-color' : '' }} card-flush">
                            <div class="card-body">
                               
                                <div class="row">
                                    <div class="col-6">
                                        <p>
                                            <strong>{{date('l jS \\of F Y', strtotime($item->created_at))}}</strong>
                                        </p>
                                        @if ($item->water_meter == 1)
                                            <p>Water Meter 
                                                @if ($item->water_image)
                                                    <span>(with photo)</span></p>
                                                @endif
                                        @endif
                                        @if ($item->electric_meter == 1)
                                            <p>Electric Meter 
                                                @if ($item->electric_image)
                                                    <span>(with photo)</span></p>
                                                @endif
                                        @endif
                                        <p>{{$item->special_request}}</p>
                                        <div>
                                            <a class="btn btn-warning" href="{{ url('admin/request/message-view/meter/' . $item->id)}}">View/Reply</a> &nbsp;&nbsp;&nbsp;&nbsp; 
                                            {!! Form::open(['method' => 'DELETE', 'onsubmit' => 'return confirm("Are you sure you want to delete this?")', 'route' => ['request.meter.destroy', $item->id],'style'=>'display:inline']) !!}

                                            {!! Form::hidden('id', $item->id, array('required'=>'required','placeholder' => '','class' => 'form-control')) !!}


                                            {!! Form::button('Delete', [ 'type' => "submit" , 'class' => 'border-0 btn-transition btn btn-outline-danger' , 'data-toggle'=>"tooltip" ,'data-placement'=>"top" ,'title'=>"", 'data-original-title'=>"Delete"]) !!}
                                            {{-- <a class="btn btn-danger" href="{{url('admin/request/meter/'.encrypt($item->id))}}">Delete</a> --}}
                                        </div>
                                    </div>
                                    <div class="col-6">
                                        <p class="p-2" style="background: rgb(207, 200, 200);width:200px;"><strong>Resident</strong><br>
                                            @if($item->user)
                                                {{$item->user->title}} {{$item->user->first_name}} {{$item->user->last_name}} <br>{{$item->user->residence->apartment->name}}
                                                <br> Floor {{$item->user->residence->apartment->floor_no}}
                                                <br>
                                                <a class="remail" href="mailto:{{$item->user->email}}">{{$item->user->email}}
                                                </a>
                                            @endif
                                        </p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    @endforeach
                </div>
            </div>
        </div>
    </div>
</div>
@endsection