@extends('dashboard.base')

@section('content')


<div class="container-fluid">
  <div class="fade-in">
    <div class="row">
      <div class="col-sm-12">
        <div class="card">
            <div class="card-header">
                <h4 class="float-left">Child Invoices</h4>
                <div class="float-right">
                    @php
                        $isTitaniumCustomer = checkIsCustomerTitanium($invoice->customer_id);
                        $badgeHtml  = ''; 
                        if($isTitaniumCustomer){
                            $badgeHtml = '<span class="customer-badge-small"><img src="'.asset('front/image/platinum.png').'" /></span>';
                        }
                    @endphp
                    <h4 class="mb-0">Parent : {{ "#".$invoice->number ?? "" }}</h4>
                    <div class="order-data">
                        <div class="d-flex">
                            <div class="deatil-flx-iner">IG Handle:</div> 
                            <div class="deatil-flx-iner1">{!! ($invoice->ig_handle." ".$badgeHtml) ?? "" !!}</div>
                        </div>

                        <div class="d-flex">
                            <div class="deatil-flx-iner">Order status:</div> 
                            <div class="deatil-flx-iner1">{{ config('constants.invoice_order_status')[$invoice->order_status] ?? "-" }}</div>
                        </div>
                        <div class="d-flex">
                            <div class="deatil-flx-iner">Total Shipped:</div> 
                            <div class="deatil-flx-iner1">{{ $invoice->customer->getTotalShippedCount() ?? "0" }}</div>
                        </div>
                    </div>
                    
                </div>
            </div>
            <div class="card-body">
                @if($errors->any())
                    <br>
                    {!! implode('', $errors->all('<div class="alert alert-danger" role="alert">:message</div>')) !!}
                @endif
                @if(session()->has('message'))
                    <br>
                    <div class="alert alert-success" role="alert">{{ session("message") }}</div>
                @endif
                @if(session()->has('error'))
                    <br>
                    <div class="alert alert-danger" role="alert">{{ session("error") }}</div>
                @endif
                <div class="clearfix"></div>
                {{$dataTable->table(['class' => 'table table-striped table-bordered dt-responsive', 'style' => 'width:100%;'])}}
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>

<!-- Modal -->
<div class="modal fade" id="viewOrder">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <div class="modal-header border-0">
                <h5 class="modal-title text-primary">View Order</h5>
                <button type="button" class="close" data-dismiss="modal">
                  <span class="fa fa-close"></span>
                </button>
            </div>
            <div class="modal-body" id="viewOrderData">
                
            </div>
        </div>
    </div>
</div>  
@endsection


@section('javascript')
@push('scripts')
<script src="{{ asset('vendor/datatables/buttons.server-side.js') }}"></script>
{{$dataTable->scripts()}}
<script>
    function viewOrder(date_of_live='',invoice_id=''){
        $.ajax({
            type: "POST",
            url: "{{ route('orders_management.viewInvoiceOrders') }}",
            data: {
                page_name       : '{{ Request::segment(3) }}',
                date_of_live    : date_of_live,
                invoice_id      : invoice_id,
                _token          : '{{ csrf_token() }}'
            },
            success: function(data){
                $('#viewOrder').find('#viewOrderData').html(data);
                $('#viewOrder').modal('show');
            }
        });
    }
    
</script>
@endpush
@endsection