@extends('layouts.app')

@section('content')
    <div class="page-content">
        <div class="container-fluid">

            <!-- start page title -->
            <div class="row">
                <div class="col-12">
                    <div class="page-title-box d-flex align-items-center justify-content-between">
                        <h4 class="mb-0">Orders Feedback</h4>
                        <div class="page-title-right">
                            <ol class="breadcrumb m-0">
                                <li class="breadcrumb-item"><a href="javascript: void(0);">Unga Group</a></li>
                                <li class="breadcrumb-item active">Orders Feedback</li>
                            </ol>
                        </div>

                    </div>
                </div>
            </div>
            <!-- end page title -->

            <div class="row">
                <div class="col-md-8 offset-md-2">
                    <div class="card">
                        <div class="card-body">
                            <form action="{{ route('orders.store') }}" method="POST">
                                @csrf
                                <div class="mb-3">
                                    <label for="">Order: {{ $product->order_no }}</label>

                                </div>

                                <div class="row">
                                    <input type="hidden" name="tracking_no" value="{{ $product->tracking_no }}">

                                    @php($count = 1)
                                    @foreach ($items as $item)
                                        <div class="col-md-12">
                                            <h5><b>{{ $count++ }}.</b> {{ $item->product->name }}</h5>
                                            <input type="hidden" name="product_code[]" value="{{ $item->product->code }}">

                                            <div class="m-3">
                                                <label for="">Delivery Status</label>
                                                <select name="feedback[]" id="feed{{ $count }}"
                                                    class="form-control">
                                                    <option value="" selected disabled>Select</option>
                                                    <option value="complete">Complete</option>
                                                    <option value="complete">Fulfilled</option>
                                                    <option value="incomplete">Incomplete</option>
                                                </select>
                                            </div>
                                            <div class="hidden{{ $count }}">

                                            </div>
                                            <div id="incomplete" class="incomplete{{ $count }} block"
                                                style="padding-left: 15px">
                                                <div class="mb-3">
                                                    <label for="">Incomplete Amount</label>
                                                    <input type="number" name="incomplete_amount[]" class="form-control">
                                                </div>
                                                {{-- <input type="hidden" name="reason[{{ $count }}]" value="null"> --}}
                                                <div class="m-3 text-left">
                                                    <label for="">Incomplete Reason</label>

                                                    <div class="form-group">
                                                        <input type="checkbox" name="reason[]" value="damaged"> Damaged
                                                    </div>
                                                    <div class="form-group">
                                                        {{-- <input type="hidden" name="reason[]" value="null"> --}}
                                                        <input type="checkbox" name="reason[]" value="lost"> Lost
                                                    </div>
                                                    <div class="form-group">
                                                        {{-- <input type="hidden" name="reason[]" value="null"> --}}
                                                        <input type="checkbox" name="reason[]" value="short_landing">
                                                        Short landing
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    @endforeach
                                    <div class="col-md-12">
                                        <button type="submit" class="btn btn-primary float-end">Submit</button>
                                    </div>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>


        </div> <!-- container-fluid -->
    </div>
    <style>
        .block {
            display: none;
        }

    </style>
@endsection