@extends('layouts.main')

@section('container')
    <div class="row">
        <div class="col-md-12">
            <div class="card">
                <div class="card-header">
                    <h3 class="card-title">{{ $card_title }}</h3>
                </div>
                <!-- /.card-header -->
                <form cemes="form" cemes-redirect="{{ $redirect ?? route('admin.mitra.order.index') }}" method="POST"
                    action="{{ $action ?? route('admin.mitra.order.store') . ($order->id ? '/' . $order->id : '') }}">
                    @csrf
                    <div class="card-body">
                        <div class="row">
                            <div class="col-md-6">
                                <div class="form-group">
                                    <span class="h4">Data Tertanggung</span>
                                    <div class="form-group">
                                        <label class="col-form-label">Nama Tertanggung</label>
                                        <input type="text" class="form-control" name="customer_name"
                                            value="{{ $order->customer_name }}">
                                    </div>
                                    <div class="form-group">
                                        <label class="col-form-label">No. Handphone</label>
                                        <input type="text" class="form-control" name="customer_phone"
                                            value="{{ $order->customer_phone }}">
                                    </div>
                                    <div class="form-group">
                                        <label class="col-form-label">TTL</label>
                                        <input type="text" class="form-control" name="customer_birthdate"
                                            value="{{ $order->customer_birthdate }}">
                                    </div>
                                    <div class="form-group">
                                        <label class="col-form-label">Gender</label>
                                        <input type="text" class="form-control" name="customer_gender"
                                            value="{{ $order->customer_gender }}">
                                    </div>
                                    <div class="form-group">
                                        <label class="col-form-label">No. KTP</label>
                                        <input type="text" class="form-control" name="customer_identity_number"
                                            value="{{ $order->customer_identity_number }}">
                                    </div>
                                    <div class="form-group">
                                        <label class="col-form-label">Alamat</label>
                                        <input type="text" class="form-control" name="customer_address"
                                            value="{{ $order->customer_address }}">
                                    </div>
                                    <div class="form-group">
                                        <label class="col-form-label">Provinsi</label>
                                        <input type="text" class="form-control" name="customer_province"
                                            value="{{ $order->customer_province }}">
                                    </div>
                                    <div class="form-group">
                                        <label class="col-form-label">Kota</label>
                                        <input type="text" class="form-control" name="customer_city"
                                            value="{{ $order->customer_city }}">
                                    </div>
                                </div>

                            </div>
                            <div class="col-md-6">
                                <div class="form-group">
                                    <span class="h4">Data Kendaraan</span>
                                    <div class="form-group">
                                        <label class="col-form-label">Tahun Produksi</label>
                                        <input type="text" class="form-control" name="brand_name"
                                            value="{{ $order->brand_name }}">
                                    </div>
                                    <div class="form-group">
                                        <label class="col-form-label">Merek</label>
                                        <input type="text" class="form-control" name="brand_name"
                                            value="{{ $order->brand_name }}">
                                    </div>
                                    <div class="form-group">
                                        <label class="col-form-label">Tipe/Model</label>
                                        <input type="text" class="form-control" name="type_name"
                                            value="{{ $order->type_name }}">
                                    </div>
                                    <div class="form-group">
                                        <label class="col-form-label">Harga Kendaraan</label>
                                        <input type="text" class="form-control" name="price"
                                            value="{{ $order->price }}">
                                    </div>
                                    <div class="form-group">
                                        <label class="col-form-label">Nomor Plat</label>
                                        <input type="text" class="form-control" name="license_plate"
                                            value="{{ $order->license_plate }}">
                                    </div>
                                    <div class="form-group">
                                        <label class="col-form-label">Durasi</label>
                                        <input type="text" class="form-control" name="duration"
                                            value="{{ $order->duration }}">
                                    </div>
                                    <div class="form-group">
                                        <label class="col-form-label">Kondisi</label>
                                        <input type="text" class="form-control" name="condition"
                                            value="{{ $order->condition }}">
                                    </div>
                                    <div class="form-group">
                                        <label class="col-form-label">Warna</label>
                                        <input type="text" class="form-control" name="color"
                                            value="{{ $order->color }}">
                                    </div>
                                    <div class="form-group">
                                        <label class="col-form-label">No. Rangka</label>
                                        <input type="text" class="form-control" name="no_rangka"
                                            value="{{ $order->no_rangka }}">
                                    </div>
                                    <div class="form-group">
                                        <label class="col-form-label">No. Mesin</label>
                                        <input type="text" class="form-control" name="no_mesin"
                                            value="{{ $order->no_mesin }}">
                                    </div>
                                    <div class="form-group">
                                        <label class="col-form-label">Nama STNK</label>
                                        <input type="text" class="form-control" name="stnk_name"
                                            value="{{ $order->stnk_name }}">
                                    </div>
                                    <div class="form-group">
                                        <label class="col-form-label">Tanggal Asuransi</label>
                                        <input type="date" class="form-control" name="insurance_start_date"
                                            value="{{ $order->formatted_insurance_start_date }}">
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-6">
                                @if ($order->formatted_description)
                                    <div class="form-group">
                                        <span class="h4">Respon API "{{ $order->provider }}"</span>
                                        <table class="table table-bordered my-4">
                                            {!! $order->renderDescriptionView() !!}
                                        </table>
                                    </div>
                                @endif
                            </div>
                        </div>

                    </div>

                    <!-- /.card-body -->
                    <div class="card-footer">
                        {{-- <button type="submit" class="btn btn-primary float-right">Submit</button> --}}
                    </div>

                </form>
            </div>
            <!-- /.card -->

        </div>
    </div>
@endsection

@section('javascript')
    <script>
        $(document).ready(function() {
            initPostalCode()
        })
    </script>
@endsection