@extends('panel.layouts.app')

@section('content')
    <div class="content-area p-y-1">
        <div class="container-fluid">
            <h1 class="h-underline h-underline-50 h-underline-info"></h1>
            <div class="box box-block bg-white">
                <h4 class="h-underline h-underline-50 h-underline-info">Order Payment Details</h4>
                <table class="table table-bordered table-details">
                    <tbody>
                    <tr>
                        <th>Order Id</th>
                        <td>{{ $order->Number }}</td>
                    </tr>
                    <tr>
                        <th>Order Name</th>
                        <td>{{ $order->NameDesign }}</td>
                    </tr>
                    <tr>
                        <th>Amount</th>
                        <td>{{ $order->Amount }}</td>
                    </tr>
                    <tr>
                        <th>Date</th>
                        <td>{{ $order->created_at }}</td>
                    </tr>
                    <form action="{{ route('order.payment.submit') }}" class="d-inline" method="POST">
                    <tr>
                        <th>payment</th>
                        <td>
                            <select class="form-control" name="paymentMethod">
                            <option value="0">Select Payment Type</option>
                            <option value="Paypal">Paypal</option>
                            <option value="PayLater">PayLater</option>
                            <option value="Credit/Debit Card">Credit/Debit Card</option>

                            </select>
                        </td>
                    </tr>
                    
                    </tbody>
                </table>
                        @csrf
                        <input type="hidden" name="order_id" value="{{ $order->id }}">
                        <input type="hidden" name="orderNumber" value="{{ $order->Number }}">
                        <input type="hidden" name="NameDesign" value="{{ $order->NameDesign }}">
                        <input type="hidden" name="Amount" value="{{ $order->Amount }}">
                        <button type="submit" class="btn btn-info">Submit Payment</button>
                    </form>
            
            </div>
        </div>
    </div>

@endsection