@extends('layouts.app')
@push('css_lib')
<!-- iCheck -->
<link rel="stylesheet" href="{{asset('plugins/iCheck/flat/blue.css')}}">
<!-- select2 -->
<link rel="stylesheet" href="{{asset('plugins/select2/select2.min.css')}}">
<!-- bootstrap wysihtml5 - text editor -->
<link rel="stylesheet" href="{{asset('plugins/summernote/summernote-bs4.css')}}">
{{--dropzone--}}
<link rel="stylesheet" href="{{asset('plugins/dropzone/bootstrap.min.css')}}">
<style>
     #esearchcity{
        left:unset !important;
    }
    .alert.alert-danger{
        color: #a94442!important;
        background: #f2dede!important;
        border: 1px solid !important;
        padding: 10px 23px;
        margin-bottom: 10px;
        text-align: center;
    }
     .alert.alert-success{
        background: #dff2bf!important;
        color: #4f8a10!important;
        border: 1px solid !important;
        padding: 10px 23px;
        margin-bottom: 10px;
        text-align: center;
    }
</style>
@endpush
@section('title',trans('lang.locations_table'))
@section('content')
  @include('flash::message')
  @include('adminlte-templates::common.errors')
  <div class="clearfix"></div>
  <div class="card">
    <div class="card-header">
      <ul class="nav nav-tabs align-items-end card-header-tabs w-100">
        <li class="nav-item">
          <a class="nav-link" href="{!! route('return.index') !!}"><i class="fa fa-list mr-2"></i>Returns List</a>
        </li>
        <!--<li class="nav-item">-->
        <!--  <a class="nav-link" href="{!! route('locations.create') !!}"><i class="fa fa-plus mr-2"></i>Add Help and support</a>-->
        <!--</li>-->
        <li class="nav-item">
          <a class="nav-link" href="{!! route('return.index') !!}/edit/{{$return_id}}"><i class="fa fa-pencil mr-2"></i>View/Edit Retrun Product</a>
        </li>
        <li class="nav-item">
          <a class="nav-link active" href="javascript:void(0)"><i class="fa fa-pencil mr-2"></i>Create Credit Memo</a>
        </li>
      </ul>
    </div>
    <div class="card-body">
        <div class="container">
          <div class="row">
            <div class="col-sm-12 mt-4 mb-4 table-responsive">
            <h3>Items to Refund</h3>
            <table class="table">
              <thead>
                <tr>
                  <th scope="col">#</th>
                  <th scope="col">Product</th>
                  <th scope="col">Price</th>
                  <th scope="col">Qty</th>
                  <th scope="col">Subtotal</th>
                  <th scope="col">Discount Price</th>
                  <th scope="col">Total</th>
                </tr>
              </thead>
              <tbody>
                                @foreach($items_returned as $index=>$items_returned1)
                              <tr>
                  <th scope="row">{{$index+1}}</th>
                  <td>{{$items_returned1->name}}<br><span><b>Sku:</b> {{$items_returned1->sku}}</span></td>
                  <td>{{$items_returned1->price}}</td>
                  <td>{{$items_returned1->qty_ordered}}</td>
                  <td>QAR {{$items_returned1->row_total}}</td>
                  <td>QAR {{$items_returned1->discount_amount}}</td>
                  <td>QAR {{number_format($items_returned1->row_total-$items_returned1->discount_amount, 4, '.', '')}}</td>
                </tr>
             @endforeach
              </tbody>
            </table>
        </div>
        </div>
        <div class="clearfix"></div>
        <div class="row">
          <div class="col-5 offset-7">
            <div class="table-responsive table-light">
              <table class="table">
                <tbody><tr>
                  <th class="text-right">{{trans('lang.order_subtotal')}}</th>
                    <td>QAR 0.0000</td>
                </tr>
                <tr>
                  <th class="text-right">{{trans('lang.order_total')}}</th>
                    <td>QAR 0.0000</td>
                </tr>
                </tbody></table>
            </div>
          </div>
        </div>
        <div>
                    </div>
    </div>
  </div>
</div>
@include('layouts.media_modal',['collection'=>null])
@endsection
@push('scripts_lib')
<!-- iCheck -->

<script src="{{asset('plugins/iCheck/icheck.min.js')}}"></script>
<!-- select2 -->
<script src="{{asset('plugins/select2/select2.min.js')}}"></script>
<!-- AdminLTE dashboard demo (This is only for demo purposes) -->
<script src="{{asset('plugins/summernote/summernote-bs4.min.js')}}"></script>
{{--dropzone--}}
<script src="{{asset('plugins/dropzone/dropzone.js')}}"></script>
<script type="text/javascript">
    Dropzone.autoDiscover = false;
    var dropzoneFields = [];
</script>
@endpush