@extends('layouts.agent')
@section('content')
<div class="container">
    <div class="row justify-content-center">
        <div class="col-md-12">
            <form method="POST" action="{{ route("agent.sales-orders.update", $salesOrder->id) }}" enctype="multipart/form-data">
                @method('PUT')
                @csrf
                <div class="card">
                    <div class="card-header">
                        {{ trans('global.show') }} Sales Order
                    </div>

                    <div class="card-body">
                        <div class="row">
                            <div class="col-12 col-md-6">
                                <div class="form-group">
                                    <label>Bill To</label>
                                    <p>{!! $salesOrder->full_bill_to_address !!}</p>
                                </div>
                                <div class="form-group">
                                    <label>Ship To</label>
                                    <p>{!! $salesOrder->full_ship_to_address !!}</p>
                                </div>
                            </div>
                            <div class="col-12 col-md-6">
                                <div class="form-group">
                                    <label for="so_no">SO No</label>
                                    <p>{{ $salesOrder->so_no }}</p>
                                </div>

                                <div class="form-group">
                                    <label>Date</label>
                                    <p>{{ $salesOrder->so_date }}</p>
                                </div>

                                <div class="form-group">
                                    <label>Remark</label>
                                    <p>{{ $salesOrder->remark }}</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="card">
                    <div class="card-header">
                        Sales Order Items
                    </div>
                    <div class="card-body">
                        <div class="table-responsive">
                            <table class="table table-bordered" id="sales-order-table">
                                <thead>
                                    <tr>
                                        <th>No</th>
                                        <th>Item Code</th>
                                        <th>Description</th>
                                        <th>Remark</th>
                                        <th>Qty</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @foreach ($salesOrder->salesOrderItem as $key => $salesOrderItem)
                                        <tr id="item{{ $key }}">
                                            <td>{{ $key + 1 }}</td>
                                            <td>
                                                {{ $salesOrderItem->item_code }}
                                            </td>
                                            <td>
                                                {{ $salesOrderItem->description }}
                                            </td>
                                            <td>
                                                {{ $salesOrderItem->remark }}
                                            </td>
                                            <td>
                                                {{ $salesOrderItem->qty }}
                                            </td>
                                        </tr>
                                    @endforeach
                                </tbody>
                            </table>
                        </div>

                        <div id="remove-SOI">
                            
                        </div>
                        

                        <div class="form-group">
                            <a class="btn btn-danger" href="{{ route('agent.sales-orders.index') }}">
                                {{ trans('global.back') }}
                            </a>
                            <a class="btn btn-primary" href="#">
                                Print Preview
                            </a>
                        </div>
                    </div>
                </div>
            </form>
        </div>
    </div>
</div>
@endsection