@extends('layouts.light.master')
@section('title', 'Edit Profile')

@section('css')
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta2/dist/css/bootstrap.min.css" rel="stylesheet">
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta2/dist/js/bootstrap.bundle.min.js"></script>
    <link rel="stylesheet" type="text/css" href="{{ dynamic_url('assets/main/css/owlcarousel.css') }}">
    <script src="{{ dynamic_url('assets/main/js/select2/select2.full.min.js') }}"></script>
@endsection

@section('style')
@endsection

@section('breadcrumb-title')
    <h2>User<span>Profile</span></h2>
@endsection

@section('breadcrumb-items')
    <li class="breadcrumb-item active">Profile</li>
@endsection


@section('content')

    <div class="container-fluid">
        <div class="row">
            <div class="col-sm-12">
                <div class="p-0 b-r-0">
                    <div class="p-3 card-body">
                        <form class="f1" method="POST" action="{{ route('tenant_store_profile_step_1') }}"
                            enctype="multipart/form-data">
                            @csrf
                            <div class="row">
                                <!-- Domain Name Field -->
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <strong for="logo"
                                            title="Provide your website domain name (e.g., example.com).">Upload Your Logo</strong>
                                        <input class="form-control" id="logo" name="logo" type="file"
                                            autofocus>
                                    </div>

                                </div>
                                <div class="col-md-6">
                                    <!-- Username Field -->
                                    <div class="form-group">
                                        <strong for="username"
                                            title="Choose a unique username for your account.">Username</strong>
                                        <input class="form-control" id="username" name="username" type="text"
                                            value="{{ old('username', $user->username) }}"
                                            placeholder="Create your username (e.g., johndoe123)" required disabled>
                                    </div>
                                </div>

                                {{-- @if ($user->getRoleNames()->first() !== 'Admin' || $user->getRoleNames()->first() !== 'Representative' || $user->getRoleNames()->first() !== 'Customer')
                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <strong for="username"
                                                title="Choose a unique parent username for your account.">My Representative</strong>
                                            <input class="form-control" id="parent_username" name="parent_username" type="text"
                                                value="{{ old('parent_username', $parent_user->username) }}"
                                                placeholder="Create your parent username" required autofocus disabled>
                                        </div>
                                    </div>
                                @endif --}}
                                
                                <!-- Full Name Field -->
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <strong for="first-name"
                                            title="Enter your first name as it appears on official documents.">First
                                            Name</strong>
                                        <input class="form-control" id="first-name" name="first_name" type="text"
                                            value="{{ old('first_name', $user->first_name) }}"
                                            placeholder="Enter your first name (e.g., Doe)" required autofocus>
                                    </div>

                                </div>

                                <div class="col-md-6">
                                    <div class="form-group">
                                        <strong for="last-name"
                                            title="Enter your last name as it appears on official documents.">Last
                                            Name</strong>
                                        <input class="form-control" id="last-name" name="last_name" type="text"
                                            value="{{ old('last_name', $user->last_name) }}"
                                            placeholder="Enter your last name (e.g., John)" required autofocus>
                                    </div>
                                </div>

                                <!-- Address Field -->
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <strong for="address"
                                            title="Enter the full address, including street name.">Address</strong>
                                        <input class="form-control" id="address" name="address"
                                            placeholder="Street address" value="{{ old('address', $user->address) }}">
                                    </div>
                                </div>

                                <!-- Contact Number Field -->
                                <div class="col-md-6">
                                    <!-- Email Address Field -->
                                    <div class="form-group">
                                        <strong for="email-address"
                                            title="Enter your active email address for correspondence.">Email
                                        </strong>
                                        <input class="form-control" id="email-address" name="email_address" type="email"
                                            value="{{ old('email', $user->email) }}"
                                            placeholder="Enter your email address (e.g., name@example.com)" required
                                            disabled>
                                    </div>

                                </div>
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <strong for="contact-number"
                                            title="Provide a valid phone number for communication.">Call Phone</strong>
                                        <input class="form-control" id="contact-number" name="contact_number" type="tel"
                                            placeholder="Enter your contact number (e.g., +1234567890)" required autofocus
                                            value="{{ old('contact_number', $user->phone) }}">
                                    </div>

                                </div>

                                <!-- Country and Description Fields -->
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <strong for="country" title="Enter the country name.">Country</strong>
                                        <input class="form-control" id="country_id" name="country_id" type="tel"
                                            placeholder="Enter your country" required autofocus
                                            value="{{ old('country_id', $user->country_id) }}">
                                        {{-- <select class="js-example-basic-single col-sm-12 form-control b-r-0"
                                                id="country_id" name="country_id" required data-toggle="tooltip"
                                                title="Select the Country">
                                                @foreach ($countries as $country)
                                                    <option value="{{ $country->id }}"
                                                        {{ $country->id == $user->country_id ? 'selected' : '' }}>
                                                        {{ $country->name }}
                                                    </option>
                                                @endforeach
                                            </select> --}}
                                    </div>
                                </div>

                                <!-- State and Zip Code Fields -->
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <strong for="state" title="Enter the state or province.">State</strong>
                                        <select class="js-example-basic-single col-sm-12 form-control b-r-0" id="state_id"
                                            name="state_id" required data-toggle="tooltip" title="Select the state">
                                            <option value="">Select state</option>
                                            @foreach ($states as $state)
                                                <option value="{{ $state->id }}"
                                                    {{ $state->id == $user->state_id ? 'selected' : '' }}>
                                                    {{ $state->name }}
                                                </option>
                                            @endforeach
                                        </select>
                                    </div>
                                </div>

                                <div class="col-md-6">
                                    <!-- City Field -->
                                    <div class="form-group">
                                        <strong for="city" title="Enter the city name.">City</strong>
                                        <input class="form-control" id="city_id" name="city_id" type="text"
                                            placeholder="Enter City." required
                                            value="{{ old('city_id', $user->city_name) }}">

                                    </div>
                                </div>

                                <div class="col-md-6">
                                    <!-- County Field -->
                                    <div class="form-group">
                                        <strong for="county" title="Enter the county name.">County</strong>
                                        <input class="form-control" id="county" name="county" type="text"
                                            placeholder="Enter County." required
                                            value="{{ old('county', $user->county_name) }}">
                                    </div>
                                </div>

                                <div class="col-md-6">
                                    <div class="form-group">
                                        <strong for="zip-code" title="Enter the postal or zip code.">Zip</strong>
                                        <input class="form-control" id="zip-code" name="zip_code" type="text"
                                            placeholder="Postal code" value="{{ old('zip_code', $user->zip_code) }}">
                                    </div>
                                </div>

                                @php
                                    $role = $user->getRoleNames()->first();
                                @endphp

                                @if (
                                    $parent_user &&
                                    $role !== 'Admin' &&
                                    $role !== 'Representative' &&
                                    $role !== 'Customer'
                                )
                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <strong for="assignment" title="Enter the postal or zip code.">Role Assignment</strong>
                                            <input class="form-control" id="assignment" name="assignment" type="text" disabled
                                                value="{{ $role . ' ' . $user->username . "'s dashboard shows their Representative " . $parent_user->username }}">
                                        </div>
                                    </div>
                                @endif
                                {{-- <div class="col-md-6">
                                    <div class="form-group">
                                        <strong for="description"
                                            title="Provide additional details or description if needed.">Description</strong>
                                        <textarea class="form-control" id="description" name="description" placeholder="Additional details"></textarea>
                                    </div>
                                </div> --}}

                                
                            </div>
                            <div class="col-lg-3 col-md-3 col-12">
                                <button class="btn btn-primary btn-next w-100" type="submit">Save</button>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
    </div>
@endsection

@section('script')
    <script src="{{ dynamic_url('assets/main/js/form-wizard/form-wizard-five.js') }}"></script>
    <script src="{{ dynamic_url('assets/main/js/form-wizard/form-wizard-three.js') }}"></script>
    <script src="{{ dynamic_url('assets/main/js/form-wizard/jquery.backstretch.min.js') }}"></script>

    <script>
        @if (session('success'))
            Swal.fire({
                icon: 'success',
                title: 'Success!',
                text: '{{ session('success') }}',
                confirmButtonColor: '#3085d6',
                timer: 3000
            });
        @endif

        @if (session('error'))
            Swal.fire({
                icon: 'error',
                title: 'Error!',
                text: '{{ session('error') }}',
                confirmButtonColor: '#d33',
                timer: 3000
            });
        @endif
    </script>
@endsection