@extends('admin.layout.layout')

@section('page-level-css')
@endsection

@section('content')
<!-- START PAGE-CONTAINER -->
<div class="page-container ">
  <!-- START HEADER -->
  @include('admin.partials.header')
  <!-- END HEADER -->
  <!-- START PAGE CONTENT WRAPPER -->
  <div class="page-content-wrapper">
    <!-- START PAGE CONTENT -->
    <div class="content ">

      <div class="container-fluid  bg-white">
        <div class="row">
          <div class="col-md-12 mb-5">
            <p>Invoice</p>
            <a class="btn btn-success" href="{{route('get.user.orders.invoice',['id' => $order->id])}}">Invoice</a>
          </div>
          <div class="col-md-3">



            <p><strong>Current Status.</strong></p>
            <div class="form-group">
              @if ($order->status == 1)
              Confirmed
              @elseif ($order->status == 2)
              Pending
              @elseif ($order->status == 3)
              Shipped
              @elseif ($order->status == 4)
              Out for delivery
              @elseif ($order->status == 5)
              Arriving Tomorrow
              @endif
            </div>
          </div>
          <div class="col-md-3">
            <form method="POST" action="{{route('change.user.orders.status')}}">
              @csrf

              <p>Change Status.?</p>
              <div class="form-group">
                <select class="full-width" data-init-plugin="select2" name="status">
                  {{-- <option value="2" @if($order->status == 2) selected="selected" @endif>Pending</option> --}}

                  {{-- if status is pending --}}
                  @if($order->status == 2)
                  <option value="1" @if($order->status == 1) selected="selected" @endif>Confirmed</option>
                  <option value="3" @if($order->status == 3) selected="selected" @endif>Shipped</option>
                  <option value="4" @if($order->status == 4) selected="selected" @endif>Out for delivery</option>
                  <option value="5" @if($order->status == 5) selected="selected" @endif>Arriving Tomorrow</option>
                  @endif

                  {{-- if status is confirmed --}}
                  @if($order->status == 1)
                  <option value="3" @if($order->status == 3) selected="selected" @endif>Shipped</option>
                  <option value="4" @if($order->status == 4) selected="selected" @endif>Out for delivery</option>
                  <option value="5" @if($order->status == 5) selected="selected" @endif>Arriving Tomorrow</option>
                  @endif

                  {{-- if status is shipped --}}
                  @if($order->status == 3)
                  <option value="4" @if($order->status == 4) selected="selected" @endif>Out for delivery</option>
                  <option value="5" @if($order->status == 5) selected="selected" @endif>Arriving Tomorrow</option>
                  @endif

                  {{-- if status is OFD --}}
                  @if($order->status == 4)
                  <option value="5" @if($order->status == 5) selected="selected" @endif>Arriving Tomorrow</option>
                  @endif

                  @if($order->status == 5)
                  <option value="2" @if($order->status == 2) selected="selected" @endif>Pending</option>
                  @endif
                </select>
              </div>
              <input name="id" value="{{$order->id}}" type="hidden" />
              <button class="btn btn-success pull-right" type="submit">Change Status</button>


            </form>
          </div>
          <div class="col-md-3">
            <form method="POST" action="{{route('change.user.orders.docket')}}">
              @csrf

              <p>Docket Number.</p>
              <div class="form-group">
                <input type="text" class="form-control" name="docket_number" value="{{ $order->docket_number }}"
                  required>
              </div>
              <input name="id" value="{{$order->id}}" type="hidden" />
              <button class="btn btn-success pull-right" type="submit">Save Docket Number</button>


            </form>
          </div>
        </div>
        <div class="row">
          <div class="col-6 mt-4">
            <h6><strong>Order Id</strong> : {{$order->order_id}}</h6>
          </div>
          <div class="col-6 mt-4">
            <h6>
              <strong>Status</strong> :
              @if($order->status == 1)
              Confirmed
              @elseif($order->status == 2)
              Pending
              @elseif($order->status == 3)
              Shipped
              @elseif($order->status == 4)
              Out for delivery
              @elseif($order->status == 5)
              Arriving Tomorrow
              @endif
            </h6>
          </div>
        </div>
        <div class="row">
          <div class="col-12">
            <h4><strong>Payment Details</strong></h4>
          </div>

          @php
          $coupon_detail = App\DiscountCoupon::where('id',$order->coupon_id)->first();
          @endphp
          @if(!empty($coupon_detail))
          <div class="col-12">
            <p><strong>Coupon Detail</strong> : {{$coupon_detail->coupon}} | {{$coupon_detail->percentage}} % |
              {{$coupon_detail->thresh_hold_value}}</p>
          </div>
          @endif
          <div class="col-4">
            <p><strong>Discount </strong>: {{$order->discount_amount}}/-</p>
          </div>
          <div class="col-4">
            <p><strong>Amount Without Discount </strong>: {{$order->without_discount_amount}}/-</p>
          </div>
          <div class="col-4">
            <p><strong>Order Total </strong>: {{$order->total}}</p>
          </div>
          <div class="col-12">
            <h4><strong>Bank Details</strong></h4>
          </div>
          <div class="col-3">
            <p><strong>mihpayid </strong>: {{$order->mihpayid}}</p>
          </div>
          <div class="col-3">
            <p><strong>Mode </strong>: {{$order->mode}}</p>
          </div>
          <div class="col-3">
            <p><strong>Bank Status </strong>: {{$order->bank_status}}</p>
          </div>
          <div class="col-3">
            <p><strong>Bank Ref Number </strong>: {{$order->bank_ref_num}}</p>
          </div>
          @if($order->error)
          <div class="col-3">
            <h4><strong>Error</strong>: {{$order->error}}</h4>
          </div>
          @endif
          @if($order->error_message)
          <div class="col-3">
            <p><strong>Error Message</strong>: {{$order->error_message}}</p>
          </div>
          @endif
          <div class="col-12">
            <h4><strong>Special Instructions</strong></h4>
          </div>
          <div class="col-12">
            <p>{{$order->ordernote}}</p>
          </div>
        </div>
        {{-- flash message starts here --}}
        <div class="col-md-12">
          @if ($errors->any())
          <div class="alert alert-danger">
            <ul>
              @foreach ($errors->all() as $error)
              <li>{{ $error }}</li>
              @endforeach
            </ul>
          </div>
          @endif
          @if(Session::has('success'))
          <div class="alert alert-success">
            {{Session::get('success')}}
          </div>
          @endif
        </div>
        {{-- flash message ends here --}}
        <!-- START card -->
        <div class="row card card-transparent">
          {{-- filters starts --}}
          <div class="card-header ">
            <div class="card-title">
              {{-- Filters --}}
            </div>

            <div class="clearfix"></div>
          </div>
          {{-- filters --}}
          {{-- @include('admin.partials.filters.locationFilter') --}}
          {{-- filters ends --}}
          <div class="card-header ">
            <h4>
              Products In Order
            </h4>

            <div class="pull-right">
              <div class="col-xs-12">
                <input type="text" id="search-table" class="form-control pull-right" placeholder="Search">
              </div>
            </div>
            <div class="clearfix"></div>
          </div>

          <div class="card-body">
            @if( count($productsInOrders) != 0 )
            <table class="table table-hover demo-table-search table-responsive-block" id="tableWithSearch">
              <thead>
                <tr>
                  <th style="width:1%">#</th>
                  <th style="width:15%">Product Title</th>
                  <th style="width:15%">Product SKU</th>
                  <th style="width:10%">Color</th>
                  <th style="width:10%">Size</th>
                  <th style="width:10%">Quantity</th>
                  <th style="width:5%">MRP</th>
                  <th style="width:5%">Discount Price</th>
                  <th style="width:10%">Sub Total</th>
                  <th style="width:10%">Date</th>
                </tr>
              </thead>
              <tbody>
                @php
                $sr = 1;
                @endphp
                @foreach( $productsInOrders as $productsInOrder )
                <tr>
                  <td class="v-align-middle ">
                    <p>
                      {{$sr}}
                    </p>
                  </td>
                  <td class="v-align-middle ">
                    <p>
                      @if($productsInOrder->getProductInfo)
                      {{$productsInOrder->getProductInfo->title}}
                      @endif
                    </p>
                  </td>
                  <td class="v-align-middle">
                    {{-- @php
                    $productInfo = App\Product::where('id',$productsInOrder->product_id)->first();
                    @endphp --}}
                    {{-- @if(!empty($productInfo)) --}}
                    <p>{{$productsInOrder->sku}}</p>
                    {{-- @endif --}}
                  </td>
                  <td class="v-align-middle">
                    @if($productsInOrder->getColorInfo)
                    <p>{{$productsInOrder->getColorInfo->color}}</p>
                    @endif
                  </td>
                  <td class="v-align-middle">
                    {{-- @if($productsInOrder->getSizeInfo)
                          <p>{{$productsInOrder->getSizeInfo->size}}</p>
                    @endif --}}
                    <p>{{$productsInOrder->size}}</p>
                  </td>

                  <td class="v-align-middle">
                    <p>{{$productsInOrder->quantity}}</p>
                  </td>
                  <td class="v-align-middle">
                    <p>{{$productsInOrder->mrp_price}}</p>
                  </td>
                  <td class="v-align-middle">
                    <p>{{$productsInOrder->discount_price}}</p>
                  </td>
                  <td class="v-align-middle">
                    <p>{{$productsInOrder->sub_total}}</p>
                  </td>
                  <td>
                    {{ date('d/m/Y' ,strtotime($productsInOrder->created_at)) }}
                  </td>
                </tr>
                @php
                $sr++;
                @endphp
                @endforeach
              </tbody>
            </table>
            @else
            @endif
          </div>
        </div>
        <!-- END card -->

        {{-- Products in offer starts --}}
        <div class="row card card-transparent">
          {{-- filters starts --}}
          <div class="card-header ">
            <div class="card-title">
              {{-- Filters --}}
            </div>

            <div class="clearfix"></div>
          </div>
          {{-- filters --}}
          {{-- @include('admin.partials.filters.locationFilter') --}}
          {{-- filters ends --}}
          <div class="card-header ">
            <h4>
              Offer Products In Order
            </h4>

            {{-- <div class="pull-right">
              <div class="col-xs-12">
                <input type="text" id="search-table" class="form-control pull-right" placeholder="Search">
              </div>
            </div> --}}
            {{-- <div class="clearfix"></div> --}}
          </div>

          <div class="card-body">
            @if( count($offerProductsInOrders) != 0 )
            <table class="table table-hover demo-table-search table-responsive-block" id="tableWithSearch">
              <thead>
                <tr>
                  <th style="width:1%">#</th>
                  <th style="width:15%">Product Title</th>
                  <th style="width:15%">Product SKU</th>
                  <th style="width:15%">Product Quantity</th>
                </tr>
              </thead>
              <tbody>
                @php
                $sr = 1;
                @endphp
                @foreach( $offerProductsInOrders as $offerProductsInOrder )
                <tr>
                  <td class="v-align-middle ">
                    <p>
                      {{$sr}}
                    </p>
                  </td>
                  <td class="v-align-middle ">
                    <p>
                      @if($offerProductsInOrder->getProductInfo)
                      {{$offerProductsInOrder->getProductInfo->title}}
                      @endif
                    </p>
                  </td>
                  <td class="v-align-middle">
                    {{-- @php
                    $productInfo = App\Product::where('id',$productsInOrder->product_id)->first();
                    @endphp --}}
                    {{-- @if(!empty($productInfo)) --}}
                    @if($offerProductsInOrder->getProductInfo)
                      <p>{{$offerProductsInOrder->getProductInfo->sku}}</p>
                    @endif
                    {{-- @endif --}}
                  </td>
                  <td>
                    <p>{{$offerProductsInOrder->offer_product_quantity}}</p>
                  </td>
                  
                </tr>
                @php
                $sr++;
                @endphp
                @endforeach
              </tbody>
            </table>
            @else
            @endif
          </div>
        </div>
        {{-- Products in offer ends --}}

        <div class="row">
          <div class="col-6">
            @php
            $billing_address_details = json_decode($order->billing_address);
            @endphp
            <h4>
              Billing Address :
            </h4>

            @if(!empty($billing_address_details) && gettype($billing_address_details) == 'object')
            @foreach( $billing_address_details as $key => $detail )
            <p><strong>{{$key}}</strong> : {{$detail}}</p>
            @endforeach
            @endif




          </div>
          <div class="col-6">
            @php
            $shipping_address_details = json_decode($order->shipping_address);
            @endphp

            <h4>
              Shipping Address :
            </h4>
            {{-- @if( gettype($shipping_address_details) == 'array' && count($shipping_address_details) != 0) --}}
            @if(!empty($shipping_address_details) && gettype($shipping_address_details) == 'object')
            @foreach( $shipping_address_details as $key => $detail )
            <p><strong>{{$key}}</strong> : {{$detail}}</p>
            @endforeach
            @endif


          </div>
        </div>




      </div>
    </div>
    {{-- Delete Modal Starts here --}}
    @include('admin.partials.trashModal')
    {{-- Delete Modal ends here --}}
    <!-- END PAGE CONTENT -->
    @include('admin.partials.footer')
    <!-- END COPYRIGHT -->
  </div>
  <!-- END PAGE CONTENT WRAPPER -->
</div>
<!-- END PAGE CONTAINER -->
@endsection

@section('page-level-js')
<script src="{{asset('assets/plugins/jquery-datatable/media/js/jquery.dataTables.min.js')}}" type="text/javascript">
</script>
<script src="{{asset('assets/plugins/jquery-datatable/extensions/TableTools/js/dataTables.tableTools.min.js')}}"
  type="text/javascript"></script>
<script src="{{asset('assets/plugins/jquery-datatable/media/js/dataTables.bootstrap.js')}}" type="text/javascript">
</script>
<script src="{{asset('assets/plugins/jquery-datatable/extensions/Bootstrap/jquery-datatable-bootstrap.js')}}"
  type="text/javascript"></script>
<script type="text/javascript" src="{{asset('assets/plugins/datatables-responsive/js/datatables.responsive.js')}}">
</script>
<script type="text/javascript" src="{{asset('assets/plugins/datatables-responsive/js/lodash.min.js')}}"></script>
<script src="{{asset('assets/js/datatables.js')}}" type="text/javascript"></script>
<script type="text/javascript">
  $(document).on('click', '.trashEntity', function(event) {
    var entityId = $(this).attr('data-id');
    var entityUrl = $(this).attr('data-url');
    // need to import delete modal (double check)
    console.log(entityId);
    $('#entity_id').val(entityId);
    $('#trashEntityForm').attr('action', entityUrl);
    $('#confirmationMessage').html('<h5>Are you sure, <span class="semi-bold">you want to delete it.?</span></h5><p class="p-b-10">Once deleted it can be recovered</p>');
  }); 
</script>
@endsection