@extends('layouts.layout')
@section('body_class', 'nav-md')
@section('body_content') 
<div class="x_panel">
    <div class="x_content">
		<div style="font-size:10px">{{ date('Y-m-d H:i') }}</div>
        <h1 style="font-size:1.2em; text-align:center; font-weight:700;">Moving Manifest</h1>
        <h2 style="font-size:1em; text-align:center; font-weight:700;">{{ $box->code }}</h2>
        <hr>
        <div class="row">
            <div class="col-xs-4">
                <div class="form-group">
                    <label class="col-xs-12" style="font-weight:700;">From :</label>
                    <div class="col-xs-12">
                        @if($box->move_log[0]->store_id == '0')
                            Central<br>
                            Jakarta
                        @else
                            {{ $box->move_log[0]->store->name }} <br>
                            {{ $box->move_log[0]->store->city }}                        
                        @endif
                    </div>
                </div>
            </div>
            <div class="col-xs-4"></div>
            <div class="col-xs-4">
                <div class="form-group">
                    <label class="col-xs-12" style="font-weight:700;">From :</label>
                    <div class="col-xs-12">
                        @if($box->move_log[0]->store_to_id == '0')
                            Central<br>
                            Jakarta
                        @else
                            {{ $box->move_log[0]->store_to->name }} <br>
                            {{ $box->move_log[0]->store_to->city }}
                        @endif
                    </div>
                </div>
            </div>
        </div>

        <hr>

        <div class="row">
            <div class="col-xs-12">
                <table class="table table-bordered table-striped">
                    <thead>
                        <tr>                                
                            <th class="text-center">Invoice</th>                          
                            <th class="text-center">Brand</th>
                            <th class="text-center">Type</th>
                            <th class="text-center">Carat</th>
                            <th class="text-right">Weight</th>
                            <th class="text-center">Image</th>
                        </tr>
                    </thead>
                    <tbody>
                        @forelse($box->invoice as $invoice)
                            @php $i=0 @endphp
                            @foreach($invoice->detail as $item)
                                <tr>
                                    @if($i == 0)
                                        <td class="text-center" rowspan="{{ count($invoice->detail) }}">{{ $invoice->invoice }}</td>
                                    @endif
                                    <td class="text-center">{{ $item->item_brand->brand_name }}</td>
                                    <td class="text-center">{{ $item->item_type->type }}</td>
                                    <td class="text-center">{{ $item->item_carat->carat }}</td>
                                    <td class="text-right">{{ $item->weight }}</td>
                                    <td class="text-center">
                                        <a href="{{ env('ALIYUN_OSS_IMAGE_URL_BUTIK') }}/item/{{ $item->image }}" target="_blank">
                                            <img src="{{ env('ALIYUN_OSS_IMAGE_URL_BUTIK') }}/item/{{ $item->image }}" height="30" />
                                        </a>
                                    </td>
                                </tr>
                                @php $i++ @endphp
                            @endforeach
                        @empty
                            <tr>
                                <td colspan="6" class="text-center">No Data</td>
                            </tr>
                        @endforelse
                    </tbody>
                </table>
            </div>
        </div>

        <div class="row" style="margin-top:16px;">
            <div class="col-xs-8"></div>
            <div class="col-xs-4">Jakarta, {{ date("d F Y") }}</div>

            <div class="col-xs-4 text-center" style="padding-top:100px;">
                <hr>
                @if($box->move_log[0]->store_id == '0') Central
                @else {{ $box->move_log[0]->store->name }}
                @endif
            </div>
            <div class="col-xs-4 text-center" style="padding-top:100px;">
                <hr>
                Courier
            </div>
            <div class="col-xs-4 text-center" style="padding-top:100px;">
                <hr>
                @if($box->move_log[0]->store_to_id == '0') Central
                @else {{ $box->move_log[0]->store_to->name }}
                @endif
            </div>
        </div>
    </div>
</div>

@section("scripts")
<script type="text/javascript">
    window.print();
</script>
@endsection