@extends('pages.admin.layout')

@section('content')

<style type="text/css">
    .accountBalance {
        font-size: 24pt;
        letter-spacing: 3pt;
        margin-bottom: 14px;
        background: #f2f4f6;
        color: #17b834;
        border-radius: 10px;
        padding: 10px;
        display: block;
        float: none;
        clear: both;
        max-width: 225px;
    }
</style>

@php
$carbon = new Carbon\Carbon($customer->created_at);
if($customer->last_login_date) {
$last_login_date = new Carbon\Carbon($customer->last_login_date);
$last_login_date = $last_login_date->format('l jS F Y @ h:i:s A');
} else {
$last_login_date = 'Not logged in yet';
}
$latestOrder = $customer->orders()->latest()->get();
@endphp
<!-- Content Header (Page header) -->
<section class="content-header">
    <h1>
        Customer: {{ucfirst($customer->name)}} {{ucfirst($customer->surname)}}
    </h1>
</section>

<!-- Main content -->
<section class="content">


    <div class="az-content-body az-contact-info-body">
        <div class="card card-invoice">
            <div class="card-body pt-5">
                <div class="row">
                    <div class="col-sm-12 col-md-6">
                        <div class="title">
                            <h3 class="mg-b-25">Customer information</h3>
                        </div>

                        <div class="media">
                            <div class="media-icon"><i class="fas fa-user"></i></div>
                            <div class="media-body">
                                <div>
                                    <label>Name</label>
                                    <h4 class="tx-medium">{{ucfirst($customer->name)}} {{ucfirst($customer->surname)}}</h4>
                                </div>
                            </div><!-- media-body -->
                        </div><!-- media -->
                        <div class="media">
                            <div class="media-icon"><i class="fas fa-mobile-alt"></i></div>
                            <div class="media-body">
                                <div>
                                    <label>Phone Number</label>
                                    <h4 class="tx-medium">{{ucfirst($customer->telephone)}}</h4>
                                </div>
                            </div><!-- media-body -->
                        </div><!-- media -->
                        <div class="media">
                            <div class="media-icon align-self-start"><i class="far fa-envelope"></i></div>
                            <div class="media-body">
                                <div>
                                    <label>Email</label>
                                    <h4 class="tx-medium">{{ucfirst($customer->email)}}</h4>
                                </div>
                            </div><!-- media-body -->
                        </div><!-- media -->

                        <div class="media">
                            <div class="media-icon"><i class="far fa-clock"></i></div>
                            <div class="media-body">
                                <div>
                                    <label>Last Login</label>

                                    <div class="alert alert-success" style="display: inline-block">
                                        <strong>{{$last_login_date}}</strong></div>

                                </div>
                            </div><!-- media-body -->
                        </div><!-- media -->

                        @if($latestOrder && count($latestOrder) > 0)
                        @php $latestOrderDetails = $latestOrder[0];

                        $lastOrderDate = new Carbon\Carbon($customer->created_at);
                        @endphp
                        <div class="media">
                            <div class="media-icon">
                                <a href="#" data-toggle="modal" data-target="#modaldemo1"><i class="far fa-map"></i></a>
                            </div>
                            <div class="media-body">
                                <div>
                                    <label>Last Delivery Address</label>
                                    <h4 class="tx-medium">
                                        {{ucfirst($latestOrderDetails->DeliveryFirstName)}} {{ucfirst($latestOrderDetails->DeliveryLastName)}},

                                        @if($latestOrderDetails->DeliveryAddressLine1)
                                        {{$latestOrderDetails->DeliveryAddressLine1}},
                                        @endif
                                        @if($latestOrderDetails->DeliveryAddressLine2)
                                        {{$latestOrderDetails->DeliveryAddressLine2}},
                                        @endif
                                        @if($latestOrderDetails->DeliveryAddressLine3)
                                        {{$latestOrderDetails->DeliveryAddressLine3}},
                                        @endif
                                        @if($latestOrderDetails->DeliveryCity)
                                        {{$latestOrderDetails->DeliveryCity}},
                                        @endif
                                        @if($latestOrderDetails->DeliveryCounty)
                                        {{$latestOrderDetails->DeliveryCounty}},
                                        @endif
                                        @if($latestOrderDetails->DeliveryPostcode)
                                        {{$latestOrderDetails->DeliveryPostcode}}
                                        @endif</h4>
                                    <a href="#" data-toggle="modal" data-target="#modaldemo1">View on Google Maps</a>
                                </div>
                            </div><!-- media-body -->
                        </div><!-- media -->
                        <div class="media">
                            <div class="media-icon"><i class="far fa-clock"></i></div>
                            <div class="media-body">
                                <div>
                                    <label>Last Order</label>

                                    <div class="alert alert-warning" style="display: inline-block">
                                        <strong>{{$lastOrderDate->format('l jS F Y @ h:i:s A')}}</strong></div>

                                </div>
                            </div><!-- media-body -->
                        </div><!-- media -->

                        <div id="modaldemo1" class="modal">
                            <div class="modal-dialog modal-lg" role="document">
                                <div class="modal-content modal-content-demo">
                                    <div class="modal-header">
                                        <h6 class="modal-title">Viewing Address for:
                                            @if($latestOrderDetails->DeliveryAddressLine1)
                                            {{$latestOrderDetails->DeliveryAddressLine1}},
                                            @endif
                                            @if($latestOrderDetails->DeliveryAddressLine2)
                                            {{$latestOrderDetails->DeliveryAddressLine2}},
                                            @endif
                                            @if($latestOrderDetails->DeliveryAddressLine3)
                                            {{$latestOrderDetails->DeliveryAddressLine3}},
                                            @endif
                                            @if($latestOrderDetails->DeliveryCity)
                                            {{$latestOrderDetails->DeliveryCity}},
                                            @endif
                                            @if($latestOrderDetails->DeliveryCounty)
                                            {{$latestOrderDetails->DeliveryCounty}},
                                            @endif
                                            @if($latestOrderDetails->DeliveryPostcode)
                                            {{$latestOrderDetails->DeliveryPostcode}}
                                            @endif</h6>
                                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                            <span aria-hidden="true">&times;</span>
                                        </button>
                                    </div>
                                    <div class="modal-body">
                                        <div style="width: 100%">
                                            <iframe width="100%" height="600" src="https://maps.google.com/maps?width=100%&amp;height=600&amp;hl=en&amp;q=
                                        @if($latestOrderDetails->DeliveryAddressLine1)
                                        {{$latestOrderDetails->DeliveryAddressLine1}},
                                        @endif
                                        @if($latestOrderDetails->DeliveryAddressLine2)
                                        {{$latestOrderDetails->DeliveryAddressLine2}},
                                        @endif
                                        @if($latestOrderDetails->DeliveryAddressLine3)
                                        {{$latestOrderDetails->DeliveryAddressLine3}},
                                        @endif
                                        @if($latestOrderDetails->DeliveryCity)
                                        {{$latestOrderDetails->DeliveryCity}},
                                        @endif
                                        @if($latestOrderDetails->DeliveryCounty)
                                        {{$latestOrderDetails->DeliveryCounty}},
                                        @endif
                                        @if($latestOrderDetails->DeliveryPostcode)
                                        {{$latestOrderDetails->DeliveryPostcode}}
                                        @endif&amp;
        hnear=@if($latestOrderDetails->DeliveryAddressLine1)
                                        {{$latestOrderDetails->DeliveryAddressLine1}},
                                        @endif
                                        @if($latestOrderDetails->DeliveryAddressLine2)
                                        {{$latestOrderDetails->DeliveryAddressLine2}},
                                        @endif
                                        @if($latestOrderDetails->DeliveryAddressLine3)
                                        {{$latestOrderDetails->DeliveryAddressLine3}},
                                        @endif
                                        @if($latestOrderDetails->DeliveryCity)
                                        {{$latestOrderDetails->DeliveryCity}},
                                        @endif
                                        @if($latestOrderDetails->DeliveryCounty)
                                        {{$latestOrderDetails->DeliveryCounty}},
                                        @endif
                                        @if($latestOrderDetails->DeliveryPostcode)
                                        {{$latestOrderDetails->DeliveryPostcode}}
                                        @endif&ie=UTF8&amp;t=&amp;z=14&amp;iwloc=B&amp;output=embed&amp;key=AIzaSyDyO3x7uKn93SypSRbLZnY2AXgrfeKBwfY" frameborder="0" scrolling="no" marginheight="0" marginwidth="0"></iframe>
                                        </div>
                                        <br/>
                                    </div>
                                    <div class="modal-footer">
                                        <button type="button" class="btn btn-outline-light" data-dismiss="modal">Close</button>
                                    </div>
                                </div>
                            </div><!-- modal-dialog -->
                        </div><!-- modal -->
                        @endif


                    </div><!-- az-contact-info-body -->
                    <div class="col-6">
                        <div class="title">
                            <h3 class="mg-b-25">Edit Details</h3>
                        </div>
                        <form role="form" enctype="multipart/form-data" method="post" action="{{ route('admin.customers.update', $customer->id) }}">
                            {{ method_field('PUT') }}
                            @csrf

                            <div class="row mb-4">
                                <div class="col-md-6 form-group">
                                    <label for="name">First Name</label>
                                    <input class="form-control" type="text" name="name" id="name" value="{{ old('name', $customer->name) }}">
                                </div>
                                <div class="col-md-6 form-group">
                                    <label for="surname">Surname</label>
                                    <input class="form-control" type="text" name="surname" id="surname" value="{{ old('surname', $customer->surname) }}">
                                </div>
                                <div class="col-md-6 form-group">
                                    <label for="email">Email</label>
                                    <input class="form-control" type="text" name="email" id="email" value="{{ old('email', $customer->email) }}">
                                </div>
                                <div class="col-md-6 form-group">
                                    <label for="telephone">Telephone</label>
                                    <input class="form-control" type="text" name="telephone" id="telephone" value="{{ old('telephone', $customer->telephone) }}">
                                </div>
                                <hr>
                                <div class="col-md-6 mb-4">
                                    <button type="submit" class="btn btn-info" name="updateCustomer" value="1">Save Details</button>
                                </div>
                            </div>
                        </form>

                        <div class="title m-t-40 mt-4">
                            <h3 class="mg-b-25">Change Password</h3>
                        </div>
                        <form role="form" enctype="multipart/form-data" method="post" action="{{ route('admin.customers.update', $customer->id) }}">
                            {{ method_field('PUT') }}
                            @csrf
                            <div class="row">

                                <div class="col-md-6 form-group">
                                    <label for="password">New password</label>
                                    <input class="form-control" type="password" name="password" id="password" value="" autocomplete="off">
                                </div>
                                <div class="col-md-6 form-group">
                                    <label for="password_confirm">Confirm new password</label>
                                    <input class="form-control" type="password" name="password_confirm" id="password_confirm" value="" autocomplete="off">
                                </div>
                                <div class="col-md-6">
                                    <button type="submit" class="btn btn-success" name="updatePassword" value="1">Save Password</button>
                                </div>
                                <div class="col-md-6">
                                    <button type="submit" class="btn btn-danger float-right pull-right" name="resetPassword" value="1">Reset Password</button>
                                </div>
                            </div>
                        </form>

                    </div>
                    <div class="col-6 mt-4">

                        <div class="title">
                            <h3 class="mg-b-25">Recent Orders</h3>
                        </div>

                        <div class="recentOrders">

                            <table class="table">
                                <thead class="thead-light">
                                <tr>
                                    <th scope="col">Invoice ID#</th>
                                    <th scope="col">Date</th>
                                    <th scope="col">Total</th>
                                    <th scope="col">Actions</th>
                                </tr>
                                </thead>
                                <tbody>
                                @foreach($customer->orders()->get() as $order)
                                @php
                                $carbon = new Carbon\Carbon($order->created_at);
                                @endphp
                                <tr>
                                    <th scope="row">{{$order->id}}</th>
                                    <td>{{$carbon->format('l jS F Y @ h:i:s A')}}</td>
                                    <td>
                                        &pound;{{ number_format( $order->total, 2)}}
                                    </td>
                                    <td><a href="/admin/orders/{{$order->id}}/edit">View</a></td>
                                </tr>
                                @endforeach
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>


            </div><!-- card-body -->
        </div><!-- card -->

    </div>
</section>

@endsection