@extends('pages.layout')
@section('title', 'User Pickups')
@section('content')
    <div class="page-container">
        <!-- Content Wrapper START -->
        <div class="main-content">
            <div class="container">
                <div class="card">
                    <div class="card-body">
                        <div class="row align-items-center">
                            <div class="col-md-7">
                                <div class="d-md-flex align-items-center">
                                    <div class="text-center text-sm-left ">
                                        <div class="avatar avatar-image" style="width: 100px; height:100px">
                                            @if (isset($user->image) && file_exists(public_path('image/' . $user->image)))
                                                <img src="{{ asset('image/' . $user->image) }}">
                                            @else
                                                <img src="{{ asset('assets/images/avatars/avatar.png') }}">
                                            @endif
                                        </div>
                                    </div>
                                    <div class="m-l-10">
                                        <h2 class="m-b-5">{{ Str::ucfirst($user->name) }}</h2>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-5">
                                <div class="row">
                                    <div class="d-md-block d-none border-left col-1"></div>
                                    <div class="col">
                                        <ul class="list-unstyled m-t-10">
                                            {{-- <li class="row">
                                                    <p class="col-sm-4 col-4 font-weight-semibold text-dark m-b-5">
                                                        <i class="m-r-10 text-primary anticon anticon-mail"></i>
                                                        <span>Email: </span>
                                                    </p>
                                                    <p class="col font-weight-semibold"> Marshall123@gmail.com</p>
                                                </li> --}}
                                            <li class="row">
                                                <p class="col-sm-4 col-4 font-weight-semibold text-dark m-b-5">
                                                    <i class="m-r-10 text-primary anticon anticon-phone"></i>
                                                    <span>Phone: </span>
                                                </p>
                                                <p class="col font-weight-semibold">{{ $user->phone_no ?? null }}</p>
                                            </li>
                                            <li class="row">
                                                <p class="col-sm-4 col-5 font-weight-semibold text-dark m-b-5">
                                                    <i class="m-r-10 text-primary anticon anticon-compass"></i>
                                                    <span>Location: </span>
                                                </p>
                                                {{-- @dd($user->addresses); --}}
                                                <p class="col font-weight-semibold">
                                                    {{ $user->addresses['0']['locality'] ?? null }}</p>
                                            </li>
                                        </ul>

                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="row">
                    @foreach ($addresses as $address)
                        <div class="col-md-4">
                            <div class="card">
                                <div class="card-body">
                                    <div class="d-flex justify-content-between align-items-center">
                                        <div>
                                            <p class="m-b-0 text">
                                                @if ($address->house_type == App\Enums\AddressEnum::RESIDENTAL)
                                                    Residental
                                                @elseif($address->house_type == App\Enums\AddressEnum::COMMERICAL)
                                                    Commerical
                                                @else
                                                    Others
                                                    </td>
                                                @endif
                                            </p>
                                            <h6 class="m-b-0"> {{ $address->house_no }} {{ $address->direction }}
                                                {{ $address->locality }}</h6>
                                        </div>
                                        <a href="http://maps.google.com?q={{ $address->lat }},{{ $address->long }}">
                                            <span class="badge badge-pill badge-cyan font-size-12"
                                                style="margin-top: 15px;">
                                                <i class="anticon anticon-arrow-up"></i>
                                                <span class="font-weight-semibold m-l-5">View
                                                    Map</span></a>
                                        </span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    @endforeach

                </div>
            </div>

            <div class="row">
                <div class="col-md-12">
                    <div class="card">
                        <div class="card-body">
                            <!--datatable-->
                            <div class="m-t-25">
                                <table id="data-table" class="table">
                                    <thead>
                                        <tr>
                                            <th>Request Date</th>
                                            <th>Order details</th>
                                            <th>Pick Date and Time</th>
                                            <th>Current Status</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @foreach ($orderLists as $orderList)
                                            <tr>
                                                <td>{{ $orderList->created_at }}</td>
                                                <td>
                                                    {{-- @dd($orderList->categories); --}}
                                                    {{-- Category :
                                                            @foreach ($orderList->categories as $category)
                                                                {{ $category->name }}@if (!$loop->last)
                                                                    ,
                                                                @endif
                                                            @endforeach --}}
                                                    @if (!empty($orderList->subcategories))
                                                        SubCategory : @foreach ($orderList->subcategories as $subcategoryName)
                                                            {{ $subcategoryName->name }}@if (!$loop->last)
                                                                ,
                                                            @endif
                                                        @endforeach
                                                    @endif
                                                    <br>
                                                    {{-- Weight : {{ $orderList->avg_weight }} --}}
                                                </td>
                                                <td>{{ $orderList->pickup_date }} {{ $orderList->pickup_time }}
                                                </td>
                                                <td>
                                                    @if ($orderList->pickup_completed == '1')
                                                        <span class="badge badge-pill badge-success">Completed</span>
                                                    @elseif($orderList->pickup_day_status == '1')
                                                        <span class="badge badge-pill badge-primary">Pickup Day
                                                            Status</span>
                                                    @elseif($orderList->confirm_call_status == '1')
                                                        <span class="badge badge-pill badge-secondary">Confirm Call
                                                            Status</span>
                                                    @elseif($orderList->is_cancel == '1')
                                                        <span class="badge badge-pill badge-danger">Order
                                                            Cancel</span>
                                                    @else
                                                        <span class="badge badge-pill badge-danger">Pickup Request
                                                            Pending</span>
                                                    @endif
                                                </td>
                                            </tr>
                                        @endforeach
                                    </tbody>
                                </table>
                            </div>

                        </div>
                    </div>

                </div>


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

@endsection