@extends('layout')

@section('h4-page', __('Rider Payment'))

@section('contents')
    <div class="row layout-top-spacing">
        <div class="col-12 mb-md-0 mb-4">
            <div class="card mb-5">
                <div class="card-body">
                    <form action="{{ route('rider.order_payment_store') }}" method="POST" enctype="multipart/form-data">
                        @csrf
                        <ul class="list-group">
                            <li class="list-group-item border-0 px-0">
                                <div class="form-group ps-0">
                                    <label for="  " class="form-label">{{ __('RiderName') }} <span
                                            class="text-danger">*</span></label>
                                    <p>{{ $main->rider?->fullname() }}</p>
                                </div>
                            </li>
                        </ul>
                        <div class="table-responsive">
                            <table class="table" id="table">
                                <thead>
                                    <tr>
                                        <th>{{ __('OrderNo') }}</th>
                                        <th>{{ __('Type') }}</th>
                                        <th>{{ __('price') }}</th>
                                        <th></th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @foreach (@$main->getDetails as $key => $item)
                                        <tr>
                                            <td>{{ $item->riderOrder?->order?->no }}</td>
                                            <td>{{ $item->riderOrder?->type }}</td>
                                            <td>{{ number_format($item->amount, 2) }}</td>
                                        </tr>
                                    @endforeach
                                </tbody>
                                <tfoot>
                                    <tr>
                                        <td>

                                        </td>
                                        <td><span>รวมทั้งหมด</td>
                                        <td class="p-2 text-end"><span class="total"
                                                id="total">{{ number_format($main->amount, 2) }}</td>
                                        <td></td>
                                    </tr>
                                </tfoot>
                            </table>
                        </div>
                        <div class="mt-3">
                            <label for="note" class="form-label">{{ __('Note') }}</label>
                            <textarea name="" id="" cols="30" rows="5" class="form-control" readonly style="resize: none;">{{ $main->remark }}</textarea>
                        </div>
                        @if (count($main->getImage) > 0)
                            <div class="mt-3">
                                <div class="preview-image pt-3">
                                    @foreach ($main->getImage as $item)
                                        <img src="{{ asset($item->path) }}" alt="preview-image"
                                            style="width: 300px; max-width:300px; height: auto;">
                                    @endforeach

                                </div>
                            </div>
                        @endif

                        <div class="mt-3">
                            <a href="{{ route('rider.order_payment') }}"
                                class="btn bg-gradient-success">{{ __('back') }}</a>
                        </div>

                    </form>
                </div>
            </div>
        </div>
    </div>
@endsection

@section('scripts')
@endsection