@extends('shared.admin')
@section('content')
    <div class="container-fluid">
        <h2 class="mt-30 page-title">{{trans('admin::order.title.header')}} <span
                    class="order-id">#CODE {{ $code->id }}</span></h2>
        <ol class="breadcrumb mb-30">
            <li class="breadcrumb-item"><a href="{{ asset('/admin') }}">Dashboard</a></li>
            <li class="breadcrumb-item"><a href="{{ asset('/admin/order') }}">{{trans('admin::order.title.header')}}</a>
            </li>
            <li class="breadcrumb-item active">{{trans('admin::order.title.edit')}}</li>
        </ol>
        <form id="code" action="{{ route('starspin_code.update', ['id' => $code->id]) }}" method="POST"
              enctype="multipart/form-data">
            @csrf
            <div class="card card-default">
                <div class="card-body">
                    <div class="form-group">
                        <div class="row">
                            <div class="col-4 mt-3">
                                <label for="name"
                                       class="form-label">Tên khách hàng</label>

                                <p id="name" class="form-control form-control-lg">{{ $code->bill->customer_name }}</p>
                            </div>
                            <div class="col-4 mt-3">
                                <label for="phone"
                                       class="form-label">Số điện thoại</label>

                                <p id="phone" class="form-control form-control-lg">{{ $code->bill->phone }}</p>
                            </div>
                            <div class="col-4 mt-3">
                                <label for="gift"
                                       class="form-label">Quà tặng</label>

                                <p id="gift" class="form-control form-control-lg">{{ $code->gift->name ?? '--' }}</p>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-6 mt-3">
                                <label for="shipping_address"
                                       class="form-label">Địa chỉ giao hàng</label>

                                <input id="shipping_address" name="shipping_address"
                                       class="form-control form-control-lg"
                                       type="text"
                                       value="{{ $code->shipping_address }}"/>
                            </div>
                            <div class="col-6 mt-3">
                                <label for="status"
                                       class="form-label">Trạng thái</label>

                                <select id="type" name="status" class="form-control form-control-lg">
                                    <option value="">Chọn tình trạng</option>
                                    @foreach(['PENDING', 'CONFIRMED', 'SENT_CODE', 'JOINED', 'INFORMATION', 'DELIVERING', 'COMPLETED', 'CANCELLED'] as $status)
                                        <option value="{{$status}}"
                                                {{ $code->status == $status ? 'selected' : '' }}>
                                            {{ \App\Enums\StarSpinCodeStatus::getDescription($status) }}
                                        </option>
                                    @endforeach
                                </select>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-12 mt-3">
                                <label for="note"
                                       class="form-label">Note</label>

                                <textarea id="note" name="note"
                                          class="text-control" rows="10">{{ $code->note }}</textarea>
                            </div>
                        </div>

                        <button type="submit" class="btn btn-primary float-right">Submit</button>
                    </div>
                </div>
            </div>
        </form>
    </div>
@endsection