@extends('layouts.app')

@section('title', 'Order Receive')
@section('breadcrumb', 'Order Receive')
@section('sub-breadcrumb')
    {{-- <span class="kt-subheader__breadcrumbs-separator"></span> --}}
<a href="{{route('order.receive')}}" class="kt-subheader__breadcrumbs-link">
        List
    </a>
    <span class="kt-subheader__breadcrumbs-separator"></span>
    <a class="kt-subheader__breadcrumbs-link">
        Order Invoice
    </a>
@endsection
@section('order-p', 'kt-menu__item--open kt-menu__item--here')
@section('order-receive', 'kt-menu__item--active')
@section('content')
    <div class="kt-portlet">
        <div class="kt-portlet__body">
            @include('layouts.notification')
            <div class="row">
                <div class="col-md-6">
                    <table>
                        <tr>
                            <td>Oulet Name &nbsp;</td>
                            <td>: &nbsp; {{$order['brand_outlet']['name']}}</td>
                        </tr>
                        <tr>
                            <td>Oulet Address &nbsp;</td>
                            <td>: &nbsp; {{$order['brand_outlet']['address']}}</td>
                        </tr>
                        <tr>
                            <td>Order Date &nbsp;</td>
                            <td>: &nbsp; {{$order['order_date']}}</td>
                        </tr>
                        <tr>
                            <td>
                                Accurate Sales Order &nbsp;</td>
                            <td>: &nbsp; <b>{{$order['order_id_accurate']}}</b></td>
                        </tr>
                        <tr>
                            <td>
                                Status Outlet &nbsp;</td>
                            <td>: &nbsp;
                                @if ($order['brand_outlet']['status_franchise'] == 1)
                                    Outlet Franchise
                                @else
                                    Outlet Brand
                                @endif
                            </td>
                        </tr>
                    </table>
                </div>
                <div class="col-md-6">
                    <table>
                        <tr>
                            <td>Total Price &nbsp;</td>
                            <td>: &nbsp; Rp. {{number_format($order['total'])}}</td>
                        </tr>
                        <tr>
                            <td>Total Items &nbsp;</td>
                            <td>: &nbsp; {{$order['item_total']}} pcs</td>
                        </tr>
                        <tr>
                            <td>User Order &nbsp;</td>
                            <td>: &nbsp; {{$order['user_order']['name']}}</td>
                        </tr>
                        <tr>
                            <td>User Email &nbsp;</td>
                            <td>: &nbsp; {{$order['user_order']['email']}}</td>
                        </tr>
                        <tr>
                            <td>User Phone &nbsp;</td>
                            <td>: &nbsp; {{$order['user_order']['phone']}}</td>
                        </tr>
                    </table>
                </div>
            </div>
            <div class="col-md-12 mt-4 pl-0">
                <h5>Detail Items</h5>
                <table class="table">
                        <tr>
                            <th>Item Name</th>
                            <th>Quantity</th>
                            <th>Price</th>
                            <th>Total</th>
                        </tr>
                    @foreach ($order['brand_outlet_order_details'] as $item)
                        <tr>
                            <td>{{$item['name']}}</td>
                            <td>{{$item['qty']}}</td>
                            <td>Rp. {{number_format($item['price'])}}</td>
                            <td>Rp. {{number_format($item['subtotal'])}}</td>
                        </tr>
                    @endforeach
                </table>
            </div>
        </div>
    </div>
    <div class="kt-portlet">
        <div class="kt-portlet__head">
            <div class="kt-portlet__head-label">
                <h3 class="kt-portlet__head-title">
                    <i class="flaticon2-delivery-truck"></i> &nbsp; Shipping Information
                </h3>
            </div>
            <div class="kt-portlet__head-toolbar">
            </div>
        </div>
        <div class="kt-portlet__body">
            <form action="{{route('order.receive.store')}}" method="POST" enctype="multipart/form-data">
                @csrf
                <input type="hidden" name="id" value="{{$order['id']}}">
                <input type="hidden" name="id_brand" value="{{$order['id_brand']}}">
                <input type="hidden" name="id_brand_outlet" value="{{$order['id_brand_outlet']}}">
                <div class="row">
                    <div class="col-md-4">
                        <div class="form-group">
                            <label>Total Invoice</label>
                            <input name="total_invoice" type="text" class="form-control" placeholder="E.g: 800.123">
                        </div>
                        <div class="form-group">
                            <label> Invoice Image</label>
                            <div class="input-group control-group incimg" >
                                <input type="file" name="file[]" class="form-control">
                                <div class="input-group-btn">
                                    <button class="btn btn-success img_add" type="button"><i class="fa fa-plus text-white"></i></button>
                                </div>
                            </div>
                        </div>
                        <div class="pull-right mt-4">
                            <button type="submit" class="btn btn-primary"><i class="flaticon-paper-plane"></i> Send Invoice</button>
                        </div>
                    </div>
                </div>
            </form>

            <div class="cloneimg hide">
                <div class="control-group input-group" style="margin-top:10px">
                    <input type="file" name="file[]" class="form-control">
                    <div class="input-group-btn">
                        <button class="btn btn-danger img_del" type="button"><i class="fa fa-trash text-white"></i></button>
                    </div>
                </div>
            </div>

        </div>
    </div>
@endsection

@section('custom-style')
<style>
    .hide {
        display: none !important;
    }
</style>
@endsection
@section('custom-script')
<script type="text/javascript">
    $(document).ready(function() {
        $(".img_add").click(function(){
            var html = $(".cloneimg").html();
            $(".incimg").after(html);
        });

        $("body").on("click",".img_del",function(){
            $(this).parents(".control-group").remove();
        });
    });
</script>
@endsection