@extends('adminlte::layouts.app')

@section('htmlheader_title')	
{{ trans('View Order') }}
@endsection

@section('contentheader_title')
{{ trans('View Order') }}
@endsection
@section('main-content')

<div id="datatable1_wrapper" class="dataTables_wrapper form-inline" role="grid">   
    <div class="box">
        <!-- <div class="box-header with-border">
            <h2 class="box-title">Order No {{ $data->id }}</h2>
        </div> -->
        <div class="box-body">
            <div class="row">
                <div class="col-md-12">
                    <div class=""><!-- table-responsive -->
                        <!-- <table id="datatable1" style="font-size: 18px;line-height:300%">
                            <tr>
                                <td width="35%">Brand Name:</td>
                                <td width="65%">{{ $data->brand->name }}</td>
                            </tr>
                            <tr>
                                <td width="35%">Bike Name:</td>
                                <td width="65%">{{ $data->bike->name }}</td>
                            </tr>
                            <tr>
                                <td>Bike Image:</td>
                                <td width="90%"><img width="35%" height="30%" src="{{ url('/public/uploads/bike')}}/{{ $data->bike->image }}"></td>
                            </tr>
                            <tr>
                                <td>Ticket Quantity:</td>
                                <td>{{ $data->ticket_qty }}</td>
                            </tr>
                            <tr>
                                <td>Ticket price:</td>
                                <td>{{ $data->ticket_price }}</td>
                            </tr>
                            <tr>
                                <td>Total Payment:</td>
                                <td>{{ $data->ticket_qty*$data->ticket_price }}</td>
                            </tr>
                            <tr>
                                <td>Payment Date:</td>
                                <td>{{ $data->created_at }}</td>
                            </tr>
                            <tr>
                                <td>Payment Status:</td>
                                @if($data->status == "success")
                                    <td>Payment Success</td>
                                @else
                                    <td>Payment Failed</td>
                                @endif
                            </tr>
                            <tr>
                                <td>
                                <a href="{{ url('admin/purchase/ticket-list') }}" class="btn btn-default btn-close">Order List</a>
                                </td>
                            </tr>
                        </table> -->
                        <!-- Main content -->
                        <section><!-- class="invoice" -->
                          <!-- title row -->
                          <div class="row">
                            <div class="col-xs-12">
                              <h2 class="page-header">
                                Order Info
                                <!-- <small class="pull-right">Date: {{ date('d/m/Y') }}</small> -->
                              </h2>
                            </div>
                            <!-- /.col -->
                          </div>
                          <!-- info row -->
                          <div class="row invoice-info">
                            <div class="col-sm-4 invoice-col">                              
                              <address>
                                <strong>User Detail</strong><br>
                                Name : {{ $data->userDetail->first_name }} {{ $data->userDetail->last_name }}<br>
                                Phone: {{ $data->userDetail->phone1 }}<br>
                                Email : {{ $data->userDetail->email }}
                              </address>
                            </div>
                            <div class="col-sm-4 invoice-col">
                              <b>Order ID:</b>{{ $data->id }}<br>
                              <br>
                            </div>
                            <!-- /.col -->
                          </div>
                          <!-- /.row -->

                          <!-- Table row -->
                          <div class="row">
                            <div class="col-xs-12 table-responsive">
                              <table class="table table-striped">
                                <thead>
                                    <tr>
                                      <th width="20%">Bike Id</th>          
                                      <th width="20%">Bike Name</th>
                                      <th width="20%">Ticket Qty</th>
                                      <th width="20%">Subtotal</th>
                                      <th width="20%">Payment Status</th>          
                                    </tr>
                                </thead>
                                <tbody>
                                    <tr>
                                        <td>{{ $data->bike->id }}</td>
                                        <td>{{ $data->bike->name }}</td>
                                        <td>{{ $data->ticket_qty }}</td>
                                        <td>₹ {{ $data->ticket_price }}.00</td>
                                        @if($data->status == "success")
                                            <td>Success</td>
                                        @else
                                            <td>Failed</td>
                                        @endif
                                    </tr>
                                </tbody>
                              </table>
                            </div>
                            <!-- /.col -->
                          </div>
                          <!-- /.row -->

                          <div class="row">
                            <!-- accepted payments column -->
                            <div class="col-xs-6">
                              <span class="lead">Payment Method:</span><br>
                              <img class="img-responsive" width="20%" src="{{ url('/img/paytm_logo.png') }}" alt="Paytm">
                            </div>
                            <!-- /.col -->
                            <div class="col-xs-6">
                              <p class="lead">Payment Date {{ date('d/m/Y',strtotime($data->created_at)) }}</p>
                              <div class="table-responsive">
                                <table class="table">
                                    <tr>
                                        <th>Total:</th>
                                        <td>₹ {{ $data->ticket_qty*$data->ticket_price }}.00</td>
                                    </tr>
                                </table>
                              </div>
                            </div>
                            <!-- /.col -->
                          </div>
                          <!-- /.row -->
                          <div class="row no-print">
                            <div class="col-xs-12">
                              <a href="{{url('admin/purchase/ticket-list')}}" class="btn btn-default">Order Ticket List</a>
                            </div>
                          </div>
                        </section>
                        <!-- /.content -->
                    </div>  
                </div>
            </div>
        </div>
    </div>
</div>
@endsection