@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">
        <h4><strong>Order Id</strong> : {{$order->order_id}}</h4>
        <h4>
            <strong>Status</strong> :
            @if($order->status == 1)
                Confirmed
            @elseif($order->status == 2)
                Pending
            @endif
        </h4>
        <div class="row">
            <div class="col-12 mt-4">
                <a href="#" data-toggle="modal" data-target="#closeEntitiyModal" class="btn btn-primary btn-sm closeEntity" data-id = "{{$ticket->id}}" data-url = "{{route('tickets.close',['ticket' => $ticket->id ])}}">Close</a>
                <a href="#" data-toggle="modal" data-target="#modalSlideUp" class="btn btn-danger btn-sm trashEntity" data-id = "{{$ticket->id}}" data-url = "{{route('tickets.destroy',['ticket' => $ticket->id ])}}">Delete</a>
            </div>
            <div class="col-12">
                <h3><strong>Ticket Details</strong></h3>
            </div>
            <div class="col-3">
                <h4><strong>Ticket Status</strong>: 
                    @if($ticket->status == 1)
                        Closed
                    @elseif($ticket->status == 2)
                        Open
                    @endif
                    
                </h4>
            </div>
            <div class="col-3">
                <h4><strong>Ticket No </strong>: {{$ticket->ticket}}</h4>
            </div>
            <div class="col-12">
                <h4><strong>Ticket Description </strong>: {{$ticket->description}}</h4>
            </div>
            <div class="col-12">
                <h3><strong>Payment Details</strong></h3>
            </div>
            <div class="col-12">
                @php 
                    $coupon_detail = App\DiscountCoupon::where('id',$order->coupon_id)->first();
                @endphp
                <h4><strong>Coupon Detail</strong> : {{$coupon_detail->coupon}} | {{$coupon_detail->percentage}} % | {{$coupon_detail->thresh_hold_value}}</h4>
            </div>
            <div class="col-3">
                <h4><strong>Discount </strong>: {{$order->discount_amount}}/-</h4>
            </div>
            <div class="col-3">
                <h4><strong>Amount Without Discount </strong>: {{$order->without_discount_amount}}/-</h4>
            </div>
            <div class="col-3">
                <h4><strong>Order Total </strong>: {{$order->total}}</h4>
            </div>
            
            <div class="col-12">
                <h3><strong>Bank Details</strong></h3>
            </div>
            <div class="col-3">
                <h4><strong>mihpayid </strong>: {{$order->mihpayid}}</h4>
            </div>
            <div class="col-3">
                <h4><strong>Mode </strong>: {{$order->mode}}</h4>
            </div>
            <div class="col-3">
                <h4><strong>Bank Status </strong>: {{$order->bank_status}}</h4>
            </div>
            <div class="col-3">
                <h4><strong>Bank Ref Number </strong>: {{$order->bank_ref_num}}</h4>
            </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">
                    <h4><strong>Error Message</strong>: {{$order->error_message}}</h4>
                </div>
            @endif
        </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="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 ">
            <div class="card-title">
                 products In Order
            </div>
           
            <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:10%">Color</th>
                    <th style="width:10%">Size</th>
                    <th style="width:10%">Quantity</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>
                          {{$productsInOrder->getProductInfo->title}}
                        </p>
                      </td>
                      <td class="v-align-middle">
                        <p>{{$productsInOrder->getColorInfo->color}}</p>
                      </td>
                      <td class="v-align-middle">
                        <p>{{$productsInOrder->getSizeInfo->size}}</p>
                      </td>
                      
                      <td class="v-align-middle">
                        <p>{{$productsInOrder->quantity}}</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 -->
        
        <div class="row">
            <div class="col-6">
                @php 
                    $billing_address_details = json_decode($order->billing_address);
                @endphp
                <h4>
                    Billing Address : 
                    @foreach( $billing_address_details as $key => $detail  )
                        <h5><strong>{{$key}}</strong> : {{$detail}}</h5> 
                    @endforeach
                </h4>
                
                
            </div>
            <div class="col-6">
                @php 
                    $shipping_address_details = json_decode($order->shipping_address);
                @endphp
    
                <h4>
                    Shipping Address : 
                    @foreach( $shipping_address_details as $key => $detail  )
                        <h5><strong>{{$key}}</strong> : {{$detail}}</h5> 
                    @endforeach
                </h4>
            </div>
            
        </div>
        
       
        

      </div>
    </div>
    {{-- Delete Modal Starts here --}}
    @include('admin.partials.trashModal')
    {{-- Delete Modal ends here --}}
    @include('admin.partials.closeModal')
    <!-- 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>');
  }); 
  $(document).on('click', '.closeEntity', function(event) {
    var entityId = $(this).attr('data-id');
    var entityUrl = $(this).attr('data-url');
    // need to import delete modal (double check)
    console.log(entityId);
    $('#closed_entity_id').val(entityId);
    $('#closedEntityForm').attr('action', entityUrl);
    $('#closeConfirmationMessage').html('<h5>Are you sure, <span class="semi-bold">you want to close it.?</span></h5><p class="p-b-10">Once closed it cannot be reopened</p>');
  }); 
</script>
@endsection