@php
    if($user->hasRole(['super-admin', 'admin'])) {
        $layoutDirectory = 'layouts.app';
    } else {
        $layoutDirectory = 'layouts.customer';
    }
@endphp

@extends($layoutDirectory)

@section('title', 'Profile settings')

@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 Profile</h1>
    <div class="row">
        @cannot('access-admin-panel')
        <div class="col-md-3">
            @include('profile.menu')
        </div>
        @endcannot
        <div class="col">
            <div class="card border-0">
                <div class="card-header h6 mb-0 bg-none p-3">
                    Edit Profile
                </div>
                <form action="{{ route('profile') }}" method="POST" enctype="multipart/form-data" >
                    @method('PUT')
                    @csrf
                    <div class="card-body">
                        <div class="alert alert-info" role="alert">
                            Please update your profile information below for e-Invoice purposes.
                          </div>

                        <div class="row my-4">
                            <label class="col-form-label col-md-3" for="name">Name</label>
                            <div class="col-md-8">
                                <input type="text" name="name" value="{{ $user->name }}" class="form-control @error('name') is-invalid @enderror" id="name" disabled>
                                @error('name')
                                    <span class="invalid-feedback" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                                @enderror
                            </div>
                        </div>

                        <div class="row mb-4">
                            <label class="col-form-label col-md-3" for="ic_no">{{ $user->isCorporate() ? \App\Models\Traits\Enum\UserType::CORPORATE->label() : \App\Models\Traits\Enum\UserType::INDIVIDUAL->label() }}. <span class="text-danger">*</span></label>
                            <div class="col-md-8">
                                <input type="text" name="ic_no" value="{{ old('ic_no', $user->ic_no) }}" class="w-50 form-control @error('ic_no') is-invalid @enderror" id="ic_no">
                                @error('ic_no')
                                    <span class="invalid-feedback" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                                @enderror

                                @if (! $user->isCorporate())
                                    <span class="text-body-secondaryt-3">Without dash (<code>-</code>)</span>
                                @endif
                            </div>
                        </div>

                        <div class="row mb-4">
                            <label for="einvoice_tin"
                                   class="col-form-label col-md-3">Tax Identification Number (TIN) @if ($user->isCorporate())<span class="text-danger">*</span>@endif</label>
                            <div class="col-md-8">
                                <input type="text" id="einvoice_tin" name="einvoice_tin"
                                       value="{{ old('einvoice_tin', $user->cardHolder?->einvoice_tin) }}"
                                       class="form-control @error('einvoice_tin') is-invalid @enderror">
                                @error('einvoice_tin')
                                <span class="invalid-feedback" role="alert">{{ $message }}</span>
                                @enderror

                                <span class="text-body-secondary t-3">Check your TIN at MyTax: <a href="https://mytax.hasil.gov.my" target="_blank">https://mytax.hasil.gov.my</a></span>
                            </div>
                        </div>

                        <div class="row mb-4">
                            <label class="col-form-label col-md-3" for="email">Email <span class="text-danger">*</span></label>
                            <div class="col-md-8">
                                <input type="text" name="email" value="{{ old('email', $user->email) }}" class="w-50 form-control @error('email') is-invalid @enderror" id="email">
                                @error('email')
                                    <span class="invalid-feedback" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                                @enderror
                            </div>
                        </div>

                        <div class="row mb-4">
                            <label class="col-form-label col-md-3" for="email_alt">Alternate Email </label>
                            <div class="col-md-8">
                                <input type="text" name="email_alt" value="{{ old('email_alt', $user->cardHolder?->email_alt) }}" class="form-control @error('email_alt') is-invalid @enderror" id="email_alt">
                                @error('email_alt')
                                    <span class="invalid-feedback" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                                @enderror
                            </div>
                        </div>

                        <div class="row mb-4">
                            <label class="col-form-label col-md-3" for="address">Address <span class="text-danger">*</span></label>
                            <div class="col-md-8">
                                <textarea name="address" id="address" cols="30" rows="4" class="form-control @error('address') is-invalid @enderror">{{ old('address', $user->cardHolder?->address) }}</textarea>
                                @error('address')
                                    <span class="invalid-feedback" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                                @enderror
                            </div>
                        </div>

                        <div class="row mb-4">
                            <label class="col-form-label col-md-3" for="mobile">Mobile No.</label>
                            <div class="col-md-8">
                                <input type="text" name="mobile" value="{{ old('mobile', $user->cardHolder?->mobile)  }}" class="w-50 form-control @error('mobile') is-invalid @enderror" id="mobile">
                                @error('mobile')
                                    <span class="invalid-feedback" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                                @enderror
                            </div>
                        </div>

                        <div class="row mb-4">
                            <label class="col-form-label col-md-3" for="car_no_1">Car Plate No. 1 <span class="text-danger">*</span></label>
                            <div class="col-md-8">
                                <input type="text" name="car_no_1" value="{{ old('car_no_1', $user->cardHolder?->car_no_1) }}" class="w-50 form-control @error('car_no_1') is-invalid @enderror" id="car_no_1">
                                @error('car_no_1')
                                    <span class="invalid-feedback" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                                @enderror
                            </div>
                        </div>

                         <div class="row mb-4">
                            <label class="col-form-label col-md-3" for="car_no_2">Car Plate No. 2</label>
                            <div class="col-md-8">
                                <input type="text" name="car_no_2" value="{{ old('car_no_2', $user->cardHolder?->car_no_2) }}" class="w-50 form-control @error('car_no_2') is-invalid @enderror" id="car_no_2">
                                @error('car_no_2')
                                    <span class="invalid-feedback" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                                @enderror
                            </div>
                        </div>
                    </div>
                    <div class="card-footer bg-none text-end">
                        <button type="submit" class="btn btn-primary">Update Profile</button>
                    </div>
                </form>
            </div>
        </div>
    </div>
@endsection