@extends('layouts.app')
@section('content')
    <div class="container">
        <div class="col-md-12 mt-4">
            {{-- @include('errors')
        @include('layouts.messages') --}}
            <form action="" method="POST" id="regform">
                @csrf
                <div class="col">
                    <div class="card shadow-sm border-0 rounded">
                        <div class="card-header" style="background-color:  #f1f1f1;">
                            <h5 class="text-black text-left"><strong>MAKLUMAT CUKAI TAKSIRAN</strong></h5>
                        </div>
                        <div class="card-body">
                            <div class="row">
                                <!-- Left Column -->
                                <div class="col-md-6">
                                    <div class="row mb-2">
                                        <div class="form-group row col-md-12">
                                            <label for="account_no" class="col-sm-4 col-form-label text-sm-right pt-1">No. Akaun</label>
                                            <div class="col-sm-8">
                                                <input type="text" class="form-control form-control-sm" id="account_no"
                                                    value="{{ $accounts->account_no }}" readonly>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row mb-2">
                                        <div class="form-group row col-md-12">
                                            <label for="name" class="col-sm-4 col-form-label text-sm-right pt-1">Nama</label>
                                            <div class="col-sm-8">
                                                <input type="text" class="form-control form-control-sm" id="name"
                                                    value="{{ $accounts->name }}" readonly>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row mb-2">
                                        <div class="form-group row col-md-12">
                                            <label for="name" class="col-sm-4 col-form-label text-sm-right pt-1">Alamat</label>
                                            <div class="col-sm-8">
                                                <input type="text" class="form-control form-control-sm mb-2" id="prop_add1"
                                                    value="{{ $accounts->prop_add1 }}" readonly>
                                                <input type="text" class="form-control form-control-sm mb-2" id="prop_add2"
                                                    value="{{ $accounts->prop_add2 }}" readonly>
                                                <input type="text" class="form-control form-control-sm mb-2" id="prop_add3"
                                                    value="{{ $accounts->prop_postcode . ' ,' . $accounts->prop_city . ' ,' . $accounts->state }}"
                                                    readonly>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                        
                                <!-- Right Column -->
                                <div class="col-md-6">
                                    <div class="row mb-2">
                                        <div class="form-group row col-md-12">
                                            <label for="date" class="col-sm-4 col-form-label text-sm-right pt-1">Tarikh</label>
                                            <div class="col-sm-8">
                                                <input type="text" class="form-control form-control-sm" id="date"
                                                    value="{{ date('d/m/Y') }}" readonly>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row mb-2">
                                        <div class="form-group row col-md-12">
                                            <label for="bill_no" class="col-sm-4 col-form-label text-sm-right pt-1">No. Bil</label>
                                            <div class="col-sm-8">
                                                <input type="text" class="form-control form-control-sm" id="bill_no"
                                                    value="{{ $bill_no ?? '' }}" readonly>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row mb-2">
                                        <div class="form-group row col-md-12">
                                            <label for="ref_no" class="col-sm-4 col-form-label text-sm-right pt-1">No. Rujukan</label>
                                            <div class="col-sm-8">
                                                <input type="text" class="form-control form-control-sm" id="ref_no"
                                                    value="" readonly>
                                            </div>
                                        </div>
                                    </div>
                                    <!-- Add more fields as needed -->
                                </div>
                            </div>
                            <hr>
                        </div>
                        {{-- <div class="card-body">
                            <div class="row mb-2">
                                <div class="form-group row col-md-12">
                                    <label for="account_no" class="col-sm-2 col-form-label text-sm-right pt-1">No.
                                        Akaun</label>
                                    <div class="col-sm-4">
                                        <input type="text" class="form-control form-control-sm" id="account_no"
                                            value="{{ $accounts->account_no }}" readonly>
                                    </div>
                                </div>

                            </div>
                            <div class="row mb-2">
                                <div class="form-group row col-md-12">
                                    <label for="name" class="col-sm-2 col-form-label text-sm-right pt-1">Nama</label>
                                    <div class="col-sm-4">
                                        <input type="text" class="form-control form-control-sm" id="name"
                                            value="{{ $accounts->name }}" readonly>
                                    </div>
                                </div>
                            </div>
                            <div class="row mb-2">
                                <div class="form-group row col-md-12">
                                    <label for="name" class="col-sm-2 col-form-label text-sm-right pt-1">Alamat</label>
                                    <div class="col-sm-4">
                                        <input type="text" class="form-control form-control-sm mb-2" id="prop_add1"
                                            value="{{ $accounts->prop_add1 }}" readonly>
                                        <input type="text" class="form-control form-control-sm mb-2" id="prop_add2"
                                            value="{{ $accounts->prop_add2 }}" readonly>
                                        <input type="text" class="form-control form-control-sm mb-2" id="prop_add3"
                                            value="{{ $accounts->prop_postcode . ' ,' . $accounts->prop_city . ' ,' . $accounts->state }}"
                                            readonly>
                                    </div>
                                </div>
                            </div>
                            <hr>
                        </div> --}}
                    </div>

                    <!-- Row for the buttons -->
                    <div class="row my-4">
                        <div class="col text-center">
                            <button type="button" class="btn" style="background-color: #383838; color: #f0f0f0;"
                                name="save">Simpan</button>
                            <button type="submit" class="btn" style="background-color: #383838; color: #f0f0f0;"
                                name="submit">Simpan & Seterusnya</button>
                        </div>
                    </div>
                </div>
            </form>

            {{-- <form action="" method="POST" id="regform">
            @csrf
            <div class="col">
                <div class="card shadow-sm border-0 rounded">
                    <div class="card-header" style="background-color:  #f1f1f1;">
                        <h5 class="text-black text-left"><strong>MAKLUMAT CUKAI TAKSIRAN</strong></h5>
                    </div>
                    <div class="card-body">
                        <div class="row">
                            <div class="form-group row">
                                <label class="col-sm-2 col-form-label text-sm-right pt-1">No. Akaun</label>
                                <div class="col-sm-5">
                                  <input type="text" class="form-control form-control-sm" style="font-weight: bold;" value="T00938175" readonly>
                                </div>
                              </div>
                        </div>
                        <div class="row mt-2">
                            <div class="form-group row">
                               
                        </div>
                    </div>
                </div>

                <div class="row my-4">
                    <div class="col text-center">
                        <button type="save" class="btn"
                            style="background-color: #383838; color: #f0f0f0;" value="save"
                            name="save">Simpan</button>
                        <button type="submit" class="btn"
                            style="background-color: #383838; color: #f0f0f0;" value="submit"
                            name="submit">Simpan & Seterusnya</button>
                    </div>
                </div>

            </div>
        </form> --}}
        </div>
    </div>
@endsection