@extends('layouts.backend.app')

@section('title')
    {{$title}}
@endsection

@push('css')

@endpush

@section('content')
<br>
<div class="mb-4 clearfix">
  <div class="white-box">
    <div class="row">
        <div class="col-md-6">
            <h4>ORDER: {{$order->order_code}} <span class="label label-warning">{{$order->order_status}}</span></h4>
        </div>
        <div class="col-md-6">
            <span class="pull-right">
                Date : {{ $order->created_at->format('d M Y h:i A') }}
                <form id="status_form_{{$order->id}}" action="{{ route('admin.quick_order_status_change') }}" method="POST" >
                    @csrf
                        <input type="hidden" name="order_id" 
                        value="{{$order->id}}">

                        <div class="form-group row">
                            <label for="" class="col-xs-5 col-form-label">Status :</label>
                            <div class="col-xs-7 text-right">                      
                                <select name="order_status" id="order_status" onchange="this.form.submit()" >
                                    <option 
                                @if ($order->order_status=='Pending') selected @endif
                                    value="Pending">Pending</option>
                                    <option 
                                @if ($order->order_status=='Confirmed') selected @endif
                                    value="Confirmed">Confirmed</option>
                                    <option 
                                @if ($order->order_status=='Processing') selected @endif
                                    value="Processing">Processing</option>
                                    <option 
                                @if ($order->order_status=='Delivered') selected @endif
                                    value="Delivered">Delivered</option>
                                    <option 
                                @if ($order->order_status=='Successed') selected @endif
                                    value="Successed">Successed</option>
                                    <option 
                                @if ($order->order_status=='Canceled') selected @endif
                                    value="Canceled">Canceled</option>
                                </select>
                            </div>
                        </div>

                </form>
            </span>
        </div>
    </div>
    <hr style="margin: 0.5rem auto 2.2rem;">

    <div class="row">
        <div class="col-md-12">
            <div class="panel panel-default">
                <div class="panel-heading">
                    Customer Information
                </div><!-- End .card-header -->

                <div class="panel-body">
                    <p>
                      <strong>Name : </strong> {{$order->name}}<br>                
                      <strong>Phone : </strong> {{$order->phone}}<br>                
                      <strong>Address : </strong> {{$order->address}}
                    </p>
                </div><!-- End .card-body -->
            </div><!-- End .card -->
        </div><!-- End .col-md-6 -->

    </div><!-- End .row -->
    

    <div class="well" style="min-height: auto;">
        <p>
            <strong>Payment method :</strong> {{$order->payment_method}} <br>
            <strong>Payment status :</strong> {{$order->status}}
        </p>
    </div>

    <div class="table-responsive">
        <table class="table table-bordered" style="font-size:14px;background-color:#FFF;">
          <thead>
              <tr>
                  <th width="20">Photo</th>
                  <th width="50%">Product Name</th>
                  <th width="10">Price</th>
                  <th width="10">Qty</th>
                  <th width="10">Subtotal</th>
                </tr>
            </thead>
            <tbody>
              <tr>                                
                <td><img src="{{ Storage::disk('public')->url('product/'.$order->Product->cover_photo) }}" height="75px"></td>
                <td style="font-size:16px;">
                      <strong>{{ $order->Product->title }}</strong><br />
                      <small>ID # {{$order->Product->product_code}}</small>
                      <br> 
                      @if ($order->colour_id)
                        <small>Colour : {{$order->Colour->name}}</small>
                      @endif
                      <br> 
                      @if ($order->size_id)
                        <small>Size : {{$order->Size->name}}</small>
                      @endif
                      
                  </td>
                <td><strong>{{ number_format($order->price) }}</strong><sup>৳</sup></td>
                <td><strong>{{ $order->quantity }}</strong></td>
                <td><strong>{{ number_format($order->total)}}</strong><sup>৳</sup></td>
              </tr>
                
              <tr>
                <td colspan="4" style="text-align:right;">Subtotal</td>
                  <td><strong>{{ number_format($order->price*$order->quantity) }}</strong><sup>৳</sup></td>
              </tr>
              
              <tr>
                <td colspan="4" style="text-align:right;">Shipping Charge</td>
                  <td><strong>{{ number_format($order->shipping_charge) }}</strong><sup>৳</sup></td>
              </tr>

              <tr>
                  <td colspan="4" style="text-align: right;"><strong>Grand Total</strong></td>
                  <td><strong>{{ number_format($order->total) }}</strong><sup>৳</sup></td>
              </tr>

                <tr>
                    <td colspan="4" style="text-align: right;">Advance Paid</td>
                    <td>{{ number_format($order->advance) }}<sup>৳</sup></td>
                </tr>

                @if ($order->advance>0)
                <tr>
                    <td colspan="4" style="text-align: right;">{{ $order->advance_method }}</td>
                    <td>{{ $order->ac_no }}<sup></sup></td>
                </tr>

                <tr>
                    <td colspan="4" style="text-align: right;">Transaction ID</td>
                    <td>{{ $order->adv_trans_id }}</td>
                </tr>
                @endif

                <tr>
                    <td colspan="4" style="text-align: right;"><strong>Due Amount</strong></td>
                    <td><strong>{{ number_format($order->total-$order->advance) }}</strong><sup>৳</sup></td>
                </tr>
            </tbody>
        </table>
        @if ($order->comments)
          <p><strong>Comments: </strong> {{$order->comments}}</p>
        @endif
        
    </div>
    
  </div>

  <button data-toggle="modal" data-target="#create" class="btn btn-success btn-xs pull-left">Update</button>

  <a href="{{ route('admin.quick_cash_memo',$order->id) }}" target="_blank" class="btn btn-warning btn-xs pull-right"><i class="fa fa-print"></i> Invoice</a>
</div>


<!-- Create Modal -->
<div class="modal fade" id="create" role="dialog">
  <div class="modal-dialog">
  
    <!--Create Modal content-->
    <div class="modal-content">
     <form action="{{ route('admin.quick_order_update') }}" method="POST">
         @csrf

      <div class="modal-header">
        <h4 class="modal-title">Order Update</h4>
        <button type="button" class="close" data-dismiss="modal">&times;</button>
      </div>
      <div class="modal-body">
        <input type="hidden" name="order_id" value="{{$order->id}}">
        <div class="">

          <div class="form-group">
              <label>Advance *</label>
              <input readonly type="text" id="advance" class="form-control" placeholder="Advance" name="advance" value="{{$order->advance}}">
          </div>

          <div class="form-group clearfix">
              <label>Select Payment Method *</label>
              <select name="advance_method" class="form-control">
                  <option value="">Select One</option>
                  <option @if ($order->advance_method=="Bkash")
                    selected 
                  @endif value="Bkash">Bkash</option>
                  <option @if ($order->advance_method=="Rocket")
                    selected 
                  @endif value="Rocket">Rocket</option>
                  <option @if ($order->advance_method=="Nagad")
                    selected 
                  @endif value="Nagad">Nagad</option>
              </select>
          </div>

          <div class="form-group">
              <label>Sender Number *</label>
              <input type="text" id="ac_no" class="form-control" placeholder="Sender phone number" name="ac_no" value="{{$order->ac_no}}">
          </div>
        </div>

      </div>
      <div class="modal-footer">
            <button type="submit" class="btn btn-success btn-xs">Update</button>
                                                                      
      </div>
    </form>
    </div>
    
  </div>
</div> {{-- model end --}}
    
@endsection

@push('js')

@endpush