@extends('Template::layouts.master')
@section('content')
    <div class="card custom--card">
        <form class="card-body" method="post" enctype="multipart/form-data">
            @csrf
            <div class="row gy-4">
                <div class="col-sm-12">
                    <label for="firstname" class="form--label">@lang('Username')</label>
                    <input class="form-control form--control" type="text" value="{{ $user->username }}" disabled>
                </div>

                <div class="col-sm-6">
                    <label for="firstname" class="form--label">@lang('First Name')</label>
                    <input class="form-control form--control" name="firstname" type="text" value="{{ $user->firstname }}"
                        autocomplete="off">
                </div>

                <div class="col-sm-6">
                    <label class="form--label">@lang('Last Name')</label>
                    <input class="form-control form--control" name="lastname" type="text" value="{{ $user->lastname }}"
                        required>
                </div>

                <div class="col-sm-6">
                    <label class="form--label">@lang('E-mail Address')</label>
                    <input class="form-control form--control" name="lastname" type="text" value="{{ $user->email }}"
                        readonly required>
                </div>

                <div class="col-sm-6">
                    <label class="form--label">@lang('Mobile Number')</label>
                    <input class="form-control form--control" name="lastname" type="text" value="{{ $user->mobile }}"
                        readonly required>
                </div>

                <div class="col-sm-6">
                    <label class="form--label">@lang('Address')</label>
                    <input class="form-control form--control" name="address" type="text" value="{{ $user->address }}">
                </div>

                <div class="col-sm-6">
                    <label class="form--label">@lang('State')</label>
                    <input class="form-control form--control" name="state" type="text" value="{{ $user->state }}">
                </div>

                <div class="col-sm-4">
                    <label class="form--label">@lang('Zip Code')</label>
                    <input class="form-control form--control" name="zip" type="text" value="{{ $user->zip }}">
                </div>

                <div class="col-sm-4">
                    <label class="form--label">@lang('City')</label>
                    <input class="form-control form--control" name="city" type="text" value="{{ $user->city }}">
                </div>

                <div class="col-sm-4">
                    <label class="form--label">@lang('Country')</label>
                    <input class="form-control form--control" value="{{ $user->country_name }}" disabled>
                </div>

                <div class="col-12">
                    <div class="form-group">
                        <button class="btn btn--base w-100" type="submit">@lang('Submit')</button>
                    </div>
                </div>
            </div>
        </form>
    </div>
@endsection
