@extends('layouts.admin')

@section('styles')

<style type="text/css">
    .table-responsive {
        overflow-x: hidden;
    }

    table#example2 {
        margin-left: 10px;
    }
</style>

@endsection

@section('content')

<div class="content-area">
    <div class="mr-breadcrumb">
        <div class="row">
            <div class="col-lg-12">
                <h4 class="heading">{{ __("Rider Details") }} <a class="add-btn" href="{{ url()->previous() }}"><i
                            class="fas fa-arrow-left"></i> {{ __("Back") }}</a></h4>
                <ul class="links">
                    <li>
                        <a href="{{ route('admin.dashboard') }}">{{ __("Dashboard") }} </a>
                    </li>
                    <li>
                        <a href="{{ route('admin-rider-index') }}">{{ __("Riders") }}</a>
                    </li>
                    <li>
                        <a href="{{ route('admin-rider-show',$data->id) }}">{{ __("Details") }}</a>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <div class="add-product-content1 customar-details-area add-product-content2">
        <div class="row">
            <div class="col-lg-12">
                <div class="product-description">
                    <div class="body-area">
                        <div class="row">
                            <div class="col-md-4">
                                <div class="user-image">
                                    @if($data->is_provider == 1)
                                    <img src="{{ $data->photo ? asset($data->photo):asset('assets/images/'.$gs->user_image)}}"
                                        alt="No Image">
                                    @else
                                    <img src="{{ $data->photo ? asset('assets/images/users/'.$data->photo):asset('assets/images/'.$gs->user_image)}}"
                                        alt="No Image">
                                    @endif
                                    <a href="javascript:;" class="mybtn1 send" data-email="{{ $data->email }}"
                                        data-toggle="modal" data-target="#vendorform">{{ __("Send Message") }}</a>
                                </div>
                            </div>
                            <div class="col-md-4">
                                <div class="table-responsive show-table">
                                    <table class="table">
                                        <tr>
                                            <th>{{ __("ID#") }}</th>
                                            <td>{{$data->id}}</td>
                                        </tr>
                                        <tr>
                                            <th>{{ __("Name") }}</th>
                                            <td>{{$data->name}}</td>
                                        </tr>
                                        <tr>
                                            <th>{{ __("Email") }}</th>
                                            <td>{{$data->email}}</td>
                                        </tr>
                                        <tr>
                                            <th>{{ __("Phone") }}</th>
                                            <td>{{$data->phone}}</td>
                                        </tr>
                                        <tr>
                                            <th>{{ __("Address") }}</th>
                                            <td>{{$data->address}}</td>
                                        </tr>

                                    </table>
                                </div>
                            </div>
                            <div class="col-md-4">
                                <div class="table-responsive show-table">
                                    <table class="table">

                                        @if($data->country != null)
                                        <tr>
                                            <th>{{ __("Country") }}</th>
                                            <td>{{$data->country}}</td>
                                        </tr>
                                        @endif
                                        @if($data->city_id != null)
                                        <tr>
                                            <th>{{ __("City") }}</th>
                                            <td>{{$data->city->city_name}}</td>
                                        </tr>
                                        @endif
                                        @if($data->state_id != null)
                                        <tr>
                                            <th>{{ __("State") }}</th>
                                            <td>{{$data->state->state}}</td>
                                        </tr>
                                        @endif
                                        @if($data->fax != null)
                                        <tr>
                                            <th>{{ __("Fax") }}</th>
                                            <td>{{$data->fax}}</td>
                                        </tr>
                                        @endif
                                        @if($data->zip != null)
                                        <tr>
                                            <th>{{ __("Zip Code") }}</th>
                                            <td>{{$data->zip}}</td>
                                        </tr>
                                        @endif
                                        <tr>
                                            <th>{{ __("Joined") }}</th>
                                            <td>{{$data->created_at->diffForHumans()}}</td>
                                        </tr>
                                    </table>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="order-table-wrap">
                        <div class="order-details-table">
                            <div class="mr-table">
                                <h4 class="title">{{ __("Products Ordered") }}</h4>
                                <div class="table-responsive">
                                    <table id="example2" class="table table-hover dt-responsive" cellspacing="0"
                                        width="100%">
                                        <thead>
                                            <tr>
                                                <th>{{ __("Order ID") }}</th>
                                                <th>{{ __("Purchase Date") }}</th>
                                                <th>{{ __("Order Amount") }}</th>
                                                <th>{{ __("Status") }}</th>
                                                <th></th>
                                            </tr>
                                        </thead>
                                        <tbody>

                                            @foreach($data->orders as $order)

                                            <tr>
                                                <td><a href="{{ route('admin-order-invoice',$order->order->id) }}">{{sprintf("%'.08d",
                                                        $order->order->id)}}</a></td>
                                                <td>{{ Carbon\Carbon::parse($order->created_at)->format('d/m/Y') }}</td>
                                                <td>{{ \PriceHelper::showOrderCurrencyPrice(($order->order->pay_amount *
                                                    $order->order->currency_value),$order->order->currency_sign) }}</td>
                                                <td>{{ ucwords($order->status) }}</td>
                                                <td>
                                                    <a href=" {{ route('admin-order-show',$order->order->id) }}"
                                                        class="view-details">
                                                        <i class="fas fa-check"></i>{{ __("Details") }}
                                                    </a>
                                                </td>
                                            </tr>
                                            @endforeach

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

{{-- MESSAGE MODAL --}}
<div class="sub-categori">
    <div class="modal" id="vendorform" tabindex="-1" role="dialog" aria-labelledby="vendorformLabel" aria-hidden="true">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="vendorformLabel">{{ __("Send Message") }}</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body">
                    <div class="container-fluid p-0">
                        <div class="row">
                            <div class="col-md-12">
                                <div class="contact-form">
                                    <form id="emailreply1" action="{{route('admin-send-message')}}">
                                        {{csrf_field()}}
                                        <ul>
                                            <input type="hidden" id="type" name="type" value="rider">
                                            <li>
                                                <input type="email" class="input-field eml-val" id="eml1" name="to"
                                                    placeholder="{{ __(" Email") }} *" value="" required="">
                                            </li>
                                            <li>
                                                <input type="text" class="input-field" id="subj1" name="subject"
                                                    placeholder="{{ __(" Subject") }} *" required="">
                                            </li>
                                            <li>
                                                <textarea class="input-field textarea" name="message" id="msg1"
                                                    placeholder="{{ __(" Your Message") }} *" required=""></textarea>
                                            </li>
                                        </ul>
                                        <button class="submit-btn" id="emlsub1" type="submit">{{ __("Send Message")
                                            }}</button>
                                    </form>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

{{-- MESSAGE MODAL ENDS --}}

@endsection

@section('scripts')

<script type="text/javascript">
    (function($) {
		"use strict";

$('#example2').dataTable( {
  "ordering": false,
      'paging'      : false,
      'lengthChange': false,
      'searching'   : false,
      'ordering'    : false,
      'info'        : false,
      'autoWidth'   : false,
      'responsive'  : true
} );

})(jQuery);

</script>


@endsection