@extends('layouts.app')

@push('css')
    <style>
        .profile-userpic img {
            float: none;
            margin: 0 auto;
            width: 50%;
            height: 50%;
            -webkit-border-radius: 50% !important;
            -moz-border-radius: 50% !important;
            border-radius: 50% !important;
        }
    </style>
@endpush

@section('content')
    <h1 class="page-header">Edit Account</h1>
    <div class="row">
        <div class="col-md-3">
            @include('customer.menu')
        </div>
        <div class="col-md-9">
            <div class="card mb-3 border-0">
                @include('customer.tab')
                <form action="{{ route('customer.updateAccount', $customer->id) }}" method="POST">
                    @method('PUT')
                    @csrf
                    <div class="card-body p-4">
                        <div class="row mb-4">
                            <label for="username"
                                   class="col-form-label fw-semibold text-muted col-md-3">Username</label>
                            <div class="col-md-9">
                                <input type="text" id="username" name="username" value="{{ $customer->username }}"
                                       class="form-control @error('username') is-invalid @enderror" disabled>
                                @error('username')
                                <span class="invalid-feedback" role="alert">{{ $message }}</span>
                                @enderror
                            </div>
                        </div>
                        <div class="row mb-4">
                            <label for="user_type"
                                   class="col-form-label fw-semibold text-muted col-md-3">User Type</label>
                            <div class="col-md-9">
                                <select name="user_type" id=""
                                        class="form-select @error('user_type') is-invalid @enderror">
                                    <option value="">-- Select User Type --</option>
                                    <option value="1" @selected($customer->user_type == 1)>Individual</option>
                                    <option value="2" @selected($customer->user_type == 2)>Corporate</option>
                                </select>
                                @error('user_type')
                                <span class="invalid-feedback" role="alert">{{ $message }}</span>
                                @enderror
                            </div>
                        </div>

                        <div class="row mb-4">
                            <label for="einvoice_tin"
                                   class="col-form-label fw-semibold text-muted col-md-3">Tax Identification Number (TIN)</label>
                            <div class="col-md-9">
                                <input type="text" id="einvoice_tin" name="einvoice_tin"
                                       value="{{ $customer->cardHolder->einvoice_tin ?? '' }}"
                                       class="form-control @error('einvoice_tin') is-invalid @enderror">
                                @error('einvoice_tin')
                                <span class="invalid-feedback" role="alert">{{ $message }}</span>
                                @enderror
                            </div>
                        </div>

                        <div class="row mb-4">
                            <label for="account_no"
                                   class="col-form-label fw-semibold text-muted col-md-3">Account No.</label>
                            <div class="col-md-9">
                                <input type="text" id="account_no" name="account_no"
                                       value="{{ $customer->cardHolder->account_no ?? '' }}"
                                       class="form-control @error('account_no') is-invalid @enderror">
                                @error('account_no')
                                <span class="invalid-feedback" role="alert">{{ $message }}</span>
                                @enderror
                            </div>
                        </div>

                        <div class="row mb-4">
                            <label for="status"
                                   class="col-form-label fw-semibold text-muted col-md-3">Account Status</label>
                            <div class="col-md-9">
                                <select name="status" id="status"
                                        class="form-select @error('status') is-invalid @enderror">
                                    <option value="">-- Select Account Status --</option>
                                    @foreach(\App\Models\Traits\Enum\CardHolderStatus::cases() as $status)
                                        <option value="{{ $status->value }}" @selected($customer->cardHolder?->status == $status)>
                                            {{ $status->label() }}
                                        </option>
                                    @endforeach
                                </select>
                                @error('status')
                                <span class="invalid-feedback" role="alert">{{ $message }}</span>
                                @enderror
                            </div>
                        </div>

                        <div class="row mb-0">
                            <label for="payment_type"
                                   class="col-form-label fw-semibold text-muted col-md-3">Payment Type</label>
                            <div class="col-md-9">
                                <select name="payment_type" id="payment_type"
                                        class="form-select @error('payment_type') is-invalid @enderror">
                                    <option value="">-- Select Payment Type --</option>
                                    @foreach(\App\Models\Traits\Enum\PaymentType::cases() as $payment_type)
                                        <option value="{{ $payment_type->value }}" @selected($customer->cardHolder?->payment_type == $payment_type)>
                                            {{ $payment_type->name }}
                                        </option>
                                    @endforeach
                                </select>
                                <small class="text-muted">This will change current unpaid invoice to a selected payment type.</small>
                                @error('payment_type')
                                <span class="invalid-feedback" role="alert">{{ $message }}</span>
                                @enderror
                            </div>
                        </div>
                    </div>
                    <div class="card-footer text-end">
                        <a href="{{ route('user.index') }}" class="btn btn-white">Back</a>
                        <button type="submit" class="btn btn-primary">Confirm Changes</button>
                    </div>
                </form>
            </div>
        </div>
    </div>
@endsection