@extends('layouts.admin')
@section('content')

<div class="row">
    <div class="col-12">
        <div class="form-group">
            <a class="btn btn-default" href="{{ route('admin.picking-lists.index') }}">
                {{ trans('global.back_to_list') }}
            </a>
        </div>
    </div>
    
    <div class="col-12 col-md-6">
        <div class="card h-100">
            <div class="card-header">
                {{ trans('global.show') }} {{ trans('cruds.pickingList.title') }}
            </div>

            <div class="card-body">
                <table class="table table-bordered table-striped">
                    <tbody>
                        <tr>
                            <th>
                                {{ trans('cruds.pickingList.fields.id') }}
                            </th>
                            <td>
                                {{ $pickingList->id }}
                            </td>
                        </tr>
                        <tr>
                            <th>
                                {{ trans('cruds.pickingList.fields.ref_no') }}
                            </th>
                            <td>
                                {{ $pickingList->ref_no }}
                            </td>
                        </tr>
                        <tr>
                            <th>
                                {{ trans('cruds.pickingList.fields.picking_list_date') }}
                            </th>
                            <td>
                                {{ $pickingList->picking_list_date->format('Y-m-d') }}
                            </td>
                        </tr>
                        <tr>
                            <th>
                                {{ trans('cruds.pickingList.fields.warehouse') }}
                            </th>
                            <td>
                                {{ $pickingList->warehouse ? $pickingList->warehouse->name : '' }}
                            </td>
                        </tr>
                        <tr>
                            <th>
                                {{ trans('cruds.pickingList.fields.remark') }}
                            </th>
                            <td>
                                {!! $pickingList->remark ? $pickingList->remark : '' !!}
                            </td>
                        </tr>
                        <tr>
                            <th>
                                {{ trans('cruds.pickingList.fields.status') }}
                            </th>
                            <td>
                                {{ App\Models\pickingList::STATUS_SELECT[$pickingList->status] ?? '' }}
                            </td>
                        </tr>
                    </tbody>
                </table>
            </div>
        </div>
    </div>

    <div class="col-12 col-md-6">
        <div class="card h-100">
            <div class="card-header">
                {{ trans('global.show') }} Billing / Shipping Information
            </div>
            <div class="card-body">
                <p>Billing Info</p>
                <table class="table table-bordered table-striped">
                    <tbody>
                        <tr>
                            <th>
                                Name
                            </th>
                            <td>
                                {{ $pickingList->bill_to_name }}
                            </td>
                        </tr>
                        <tr>
                            <th>
                                Contact Number
                            </th>
                            <td>
                                {{ $pickingList->bill_to_contact_number }}
                            </td>
                        </tr>
                        <tr>
                            <th>
                                Address
                            </th>
                            <td>
                                {{ $pickingList->bill_to_address }}
                            </td>
                        </tr>
                    </tbody>
                </table>
                <p>Shipping Info</p>
                <table class="table table-bordered table-striped">
                    <tbody>
                        <tr>
                            <th>
                                Name
                            </th>
                            <td>
                                {{ $pickingList->ship_to_name }}
                            </td>
                        </tr>
                        <tr>
                            <th>
                                Contact Number
                            </th>
                            <td>
                                {{ $pickingList->ship_to_contact_number }}
                            </td>
                        </tr>
                        <tr>
                            <th>
                                Address
                            </th>
                            <td>
                                {{ $pickingList->ship_to_address }}
                            </td>
                        </tr>
                    </tbody>
                </table>
            </div>
        </div>
    </div>

    <div class="col-12 mt-3">
        <div class="card">
            <div class="card-header">
                {{ trans('global.show') }} Picking List Data Information
            </div>
            <div class="card-body">
                <table class="table table-bordered table-striped">
                    <thead>
                        <tr>
                            <th>#</th>
                            <th>Item Code</th>
                            <th>Description</th>
                            @cannot('isWarehouse')
                            <th>Ordered Qty</th>
                            <th>Picked Qty</th>
                            @endcannot
                            <th>Picking Qty</th>
                        </tr>
                    </thead>
                    <tbody>
                        @forelse ($pickingList->pickingListData as $key => $data)
                            <tr>
                                <td>{{ $key + 1 }}</td>
                                <td>{{ $data->item_code }}</td>
                                <td>{{ $data->description }}</td>
                                @cannot('isWarehouse')
                                <td>{{ $data->ordered_qty }}</td>
                                <td>{{ $data->picked_qty }}</td>
                                @endcannot
                                <td>{{ $data->picking_qty }}</td>
                            </tr>
                        @empty
                            @can('isWarehouse')
                                <tr>
                                    <td colspan="6" align="center">No data available in table</td>
                                </tr>
                            @elsecan('isWarehouse')
                                <tr>
                                    <td colspan="4" align="center">No data available in table</td>
                                </tr>
                            @endcan
                        @endforelse
                    </tbody>
                </table>
            </div>
        </div>
    </div>

    <div class="col-12">
        <div class="form-group">
            <a class="btn btn-default" href="{{ route('admin.picking-lists.index') }}">
                {{ trans('global.back_to_list') }}
            </a>
            @can('isWarehouse')
            @if($pickingList->status == 1)
                <a class="btn btn-success" href="{{ route('admin.warehouse-picking-list-data.startPicking', $pickingList->id) }}">
                    Start Picking List
                </a>
            @endif
            @endcan
        </div>
    </div>
</div>




@endsection