@extends('layouts.app')

@section('content')
    <div class="row">
        <div class="card">
            <div class="card-header">
                <div class="d-flex justify-content-between align-items-center">
                    <div class="">
                        <h4>PO Buyer : show</h4>
                        <p class="f-m-light mt-1">Page for show PO Buyer</p>
                    </div>
                </div>
            </div>
            <div class="card-body">
                <div class="row row-cols-md-2 row-cols-sm-1">
                    <div class="">
                        <div class="col-md-12">
                            <label class="form-label" for="no">No</label>
                            <input id="no" type="text" name="no" class="form-control"
                                value="{{ $poBuyer->no }}" disabled>
                        </div>
                        <div class="col-md-12 mt-3">
                            <label class="form-label" for="date">Date</label>
                            <input id="date" type="date" name="date" class="form-control"
                                value="{{ $poBuyer->date }}" disabled>

                        </div>
                        <div class="col-md-12 mt-3">
                            <label class="form-label" for="article_code">Style Code</label>
                            <input id="article_code" type="text" name="article_code" class="form-control"
                                value="{{ $poBuyer->article_code }}" disabled>
                        </div>
                        <div class="col-md-12 mt-3">
                            <label class="form-label" for="date">Style Qty</label>
                            <input id="qty" type="number" name="qty" class="form-control"
                                value="{{ $poBuyer->qty }}" disabled>
                        </div>
                        <div class="col-md-12 mt-3">
                            <label class="form-label" for="buyer_code">Buyer Code</label>
                            <input id="buyer_code" type="text" name="buyer_code" class="form-control"
                                value="{{ $poBuyer->buyer_code }}" disabled>
                        </div>
                        <div class="col-md-12 mt-3">
                            <label class="form-label" for="blanked_order_no">Blanked Order No</label>
                            <input id="blanked_order_no" type="text" name="blanked_order_no" class="form-control"
                                value="{{ $poBuyer->blanked_order_no }}" disabled>
                        </div>
                    </div>
                    <div class="">
                        <div class="col-md-12">
                            <label class="form-label" for="shipping_date">Shipping Date</label>
                            <input id="shipping_date" type="text" name="shipping_date" class="form-control"
                                value="{{ $poBuyer->shipping_date }}" disabled>
                        </div>
                        <div class="col-md-12 mt-3">
                            <label class="form-label" for="delivery_date">Delivery Date</label>
                            <input id="delivery_date" type="text" name="delivery_date" class="form-control"
                                value="{{ $poBuyer->delivery_date }}" disabled>
                        </div>
                        <div class="col-md-12 mt-3">
                            <label class="form-label" for="due_date">Due Date</label>
                            <input id="due_date" type="text" name="due_date" class="form-control"
                                value="{{ $poBuyer->due_date }}" disabled>
                        </div>
                        <div class="col-md-12 mt-3">
                            <label class="form-label" for="discount">Discount</label>
                            <input id="discount" type="number" name="discount" class="form-control"
                                value="{{ $poBuyer->discount }}" disabled>
                        </div>
                        <div class="col-md-12 mt-3">
                            <label class="form-label" for="down_payment">Down Payment</label>
                            <input id="down_payment" type="number" name="down_payment" class="form-control"
                                value="{{ $poBuyer->down_payment }}" disabled>
                        </div>
                        <div class="col-md-12 mt-3">
                            <label class="form-label" for="currency_code">Currency Code</label>
                            <input id="currency_code" type="text" name="currency_code" class="form-control"
                                value="{{ $poBuyer->currency_code }}" disabled>
                        </div>
                        <div class="col-md-12 mt-3">
                            <label class="form-label" for="created_by">PIC</label>
                            <input id="created_by" type="text" name="created_by" class="form-control"
                                value="{{ $poBuyer->createdBy->full_contact }}" disabled>
                        </div>
                        <div class="col-md-12 mt-3">
                            <label class="form-label" for="created_by">Approved By</label>
                            <input id="created_by" type="text" name="created_by" class="form-control"
                                value="{{ $poBuyer->approvedBy->full_contact }}" disabled>
                        </div>
                    </div>
                </div>
                <div class="d-flex justify-content-between mt-3">
                    <div class="">
                        <a href="{{ route('po-buyer.index') }}">
                            <button class="btn btn-secondary" type="button">
                                Back
                            </button>
                        </a>
                    </div>
                    @switch($poBuyer->status)
                        @case(false)
                            <div class="">
                                <button class="btn btn-primary" type="button" data-bs-toggle="collapse"
                                    data-bs-target="#approve">
                                    Approve
                                </button>
                            </div>
                        @break

                        @default
                    @endswitch
                </div>
            </div>
            @switch($poBuyer->status)
                @case(false)
                    <div class="d-flex justify-content-end mb-3">
                        <div class="collapse multi-collapse dark-accordion" id="approve">
                            <div class="card card-body mt-3 mb-0 collapse-wrapper accordion-light-primary">
                                <p>Are you sure want to approve this ?</p>
                                <div class="d-flex justify-content-between gap-3">
                                    <form action="{{ route('po-buyer.approve', $poBuyer) }}" method="POST">
                                        @csrf
                                        <button class="btn btn-success" type="submit">
                                            Yes, approve
                                        </button>
                                    </form>
                                    <button class="btn btn-secondary" data-bs-toggle="collapse" data-bs-target="#approve">
                                        Cancel
                                    </button>
                                </div>
                            </div>
                        </div>
                    </div>
                @break

                @default
            @endswitch
        </div>
    </div>
@endsection