@extends('admin.layouts.app')

@section('content')
<h4 class="fw-bold py-3 mb-4"><span class="text-muted fw-light">Account Settings /</span> Account</h4>

<div class="row">
    <div class="col-md-12">
        <ul class="nav nav-pills flex-column flex-md-row mb-4">
            <li class="nav-item">
                <a class="nav-link active" href="{{ route('promoter.profile.setting') }}"><i class="ti-xs ti ti-users me-1"></i> Account</a>
            </li>
            <li class="nav-item">
                <a class="nav-link" href="{{ route('promoter.profile.security') }}"><i class="ti-xs ti ti-lock me-1"></i> Security</a>
            </li>
            <li class="nav-item">
                <a class="nav-link" href="{{ route('promoter.profile.contact') }}"><i class="ti-xs ti ti-phone me-1"></i> Contact</a>
            </li>
            <li class="nav-item">
                <a class="nav-link" href="{{ route('promoter.profile.details') }}"><i class="fas fa-info-circle me-1"></i> Details</a>
            </li>
        </ul>
        <div class="card mb-4">
            <div class="card-body">
                <form id="formAccountSettings" method="POST" action="{{ route('promoter.profile.update-setting') }}" enctype="multipart/form-data">
                    <h5 class="card-header">Profile Details</h5>
                    <!-- Account -->
                    <div class="card-body">
                        <div class="d-flex align-items-start align-items-sm-center gap-4">
                            <img src="{{ asset($promoter->image->path ?? 'dashboard/assets/img/avatars/10.png') }}" alt="user-avatar" class="d-block w-px-100 h-px-100 rounded" id="uploadedAvatar" />
                            <div class="button-wrapper">
                                <label for="upload" class="btn btn-primary me-2 mb-3" tabindex="0">
                                    <span class="d-none d-sm-block">Upload new photo</span>
                                    <i class="ti ti-upload d-block d-sm-none"></i>
                                    <input type="file" id="upload" name="image" class="account-file-input" hidden accept="image/png, image/jpeg" onchange="document.getElementById('uploadedAvatar').src = window.URL.createObjectURL(this.files[0])" />
                                </label>

                                <div class="text-muted">Allowed JPG, GIF or PNG. Max size of 2M</div>
                            </div>
                        </div>
                    </div>
                    <hr class="my-3" />
                    @csrf
                    <div class="form-group row mb-3">
                        <div class="col">
                            <label for="email" class="form-label">Email <small class="text-danger">*</small></label>
                            <input type="email" class="form-control @error('email') is-invalid @enderror" id="email" name="email" value="{{ $promoter->email ?? old('email') }}" required>
                            @error('email')
                            <span class="text-danger" role="alert">
                                <strong>{{ $message }}</strong>
                            </span>
                            @enderror
                        </div>

                    </div>
                    <div class="form-group row mb-3">
                        <div class="col">
                            <label for="first_name" class="form-label">First Name <small class="text-danger">*</small></label>
                            <input type="text" class="form-control @error('first_name') is-invalid @enderror" id="first_name" name="first_name" value="{{ $promoter->first_name ?? old('first_name') }}" required>
                            @error('first_name')
                            <span class="text-danger" role="alert">
                                <strong>{{ $message }}</strong>
                            </span>
                            @enderror
                        </div>
                        <div class="col">
                            <label for="last_name" class="form-label">Last Name <small class="text-danger">*</small></label>
                            <input type="text" class="form-control @error('last_name') is-invalid @enderror" id="last_name" name="last_name" value="{{ $promoter->last_name ?? old('last_name') }}" required>
                            @error('last_name')
                            <span class="text-danger" role="alert">
                                <strong>{{ $message }}</strong>
                            </span>
                            @enderror
                        </div>
                    </div>
                    <div class="form-group row mb-3">
                        <div class="col">
                            <label for="date_of_birth" class="form-label">Date of Birth <small class="text-danger">*</small></label>
                            <input type="date" class="form-control @error('date_of_birth') is-invalid @enderror" id="date_of_birth" name="date_of_birth" value="{{ $promoter->promoterDetails->date_of_birth ?? old('date_of_birth') }}" required>
                            @error('date_of_birth')
                            <span class="text-danger" role="alert">
                                <strong>{{ $message }}</strong>
                            </span>
                            @enderror
                        </div>
                        <div class="col">
                            <label for="gender" class="form-label">Gender <small class="text-danger">*</small></label>
                            <select class="selectpicker w-100 @error('gender') is-invalid @enderror" data-style="btn-default" id="gender" name="gender" required>
                                <option value="" disabled {{ empty($promoter->promoterDetails->gender) ? 'selected' : '' }}>Select Gender</option>
                                <option value="male" {{ ($promoter->promoterDetails->gender ?? old('gender')) == 'male' ? 'selected' : '' }}>Male</option>
                                <option value="female" {{ ($promoter->promoterDetails->gender ?? old('gender')) == 'female' ? 'selected' : '' }}>Female</option>
                                <option value="other" {{ ($promoter->promoterDetails->gender ?? old('gender')) == 'other' ? 'selected' : '' }}>Other</option>
                            </select>
                            @error('gender')
                            <span class="text-danger" role="alert">
                                <strong>{{ $message }}</strong>
                            </span>
                            @enderror
                        </div>
                    </div>
                    <div class="form-group row mb-3">
                        <div class="col">
                            <label for="city_id" class="form-label">City <small class="text-danger">*</small></label>
                            <select class="select2 w-100 @error('city_id') is-invalid @enderror" data-allow-clear="true" id="city_id" name="city_id" required>
                                <option value="" disabled {{ empty($promoter->promoterDetails->city_id) ? 'selected' : '' }}>Select City</option>
                                @foreach($cities as $city)
                                <option value="{{ $city->id }}" {{ ($promoter->promoterDetails->city_id ?? old('city_id')) == $city->id ? 'selected' : '' }}>{{ $city->name }}</option>
                                @endforeach
                            </select>
                            @error('city_id')
                            <span class="text-danger" role="alert">
                                <strong>{{ $message }}</strong>
                            </span>
                            @enderror
                        </div>
                        <div class="col">
                            <label for="nationality_id" class="form-label">Nationality <small class="text-danger">*</small></label>
                            <select class="select2 w-100 @error('nationality_id') is-invalid @enderror" data-allow-clear="true" id="nationality_id" name="nationality_id" required>
                                <option value="" disabled {{ empty($promoter->promoterDetails->nationality_id) ? 'selected' : '' }}>Select Nationality</option>
                                @foreach($countries as $country)
                                <option value="{{ $country->id }}" {{ ($promoter->promoterDetails->nationality_id ?? old('nationality_id')) == $country->id ? 'selected' : '' }}>{{ $country->name }}</option>
                                @endforeach
                            </select>
                            @error('nationality_id')
                            <span class="text-danger" role="alert">
                                <strong>{{ $message }}</strong>
                            </span>
                            @enderror
                        </div>
                    </div>
                    <div class="form-group row mb-3">
                        <div class="col">
                            <label for="height" class="form-label">Height (cm) <small class="text-danger">*</small></label>
                            <input type="number" class="form-control @error('height') is-invalid @enderror" id="height" name="height" value="{{ $promoter->promoterDetails->height ?? old('height') }}" required>
                            @error('height')
                            <span class="text-danger" role="alert">
                                <strong>{{ $message }}</strong>
                            </span>
                            @enderror
                        </div>
                        <div class="col">
                            <label for="weight" class="form-label">Weight (kg) <small class="text-danger">*</small></label>
                            <input type="number" class="form-control @error('weight') is-invalid @enderror" id="weight" name="weight" value="{{ $promoter->promoterDetails->weight ?? old('weight') }}" required>
                            @error('weight')
                            <span class="text-danger" role="alert">
                                <strong>{{ $message }}</strong>
                            </span>
                            @enderror
                        </div>
                    </div>
                    <div class="form-group row mb-3">
                        <div class="col">
                            <label for="experience_in_hosting" class="form-label">Experience in Hosting (Years) <small class="text-danger">*</small></label>
                            <select class="selectpicker w-100 @error('experience_in_hosting') is-invalid @enderror" data-style="btn-default" id="experience_in_hosting" name="experience_in_hosting" required>
                                <option value="0" {{ ($promoter->promoterDetails->experience_in_hosting ?? old('experience_in_hosting')) == '0' ? 'selected' : '' }}>0</option>
                                <option value="-1" {{ ($promoter->promoterDetails->experience_in_hosting ?? old('experience_in_hosting')) == '-1' ? 'selected' : '' }}>Less than 1 year</option>
                                <option value="1-2" {{ ($promoter->promoterDetails->experience_in_hosting ?? old('experience_in_hosting')) == '1-2' ? 'selected' : '' }}>1-2 years</option>
                                <option value="2-3" {{ ($promoter->promoterDetails->experience_in_hosting ?? old('experience_in_hosting')) == '2-3' ? 'selected' : '' }}>2-3 years</option>
                                <option value="3-5" {{ ($promoter->promoterDetails->experience_in_hosting ?? old('experience_in_hosting')) == '3-5' ? 'selected' : '' }}>3-5 years</option>
                                <option value="+5" {{ ($promoter->promoterDetails->experience_in_hosting ?? old('experience_in_hosting')) == '+5' ? 'selected' : '' }}>+5 years</option>
                            </select>
                            @error('experience_in_hosting')
                            <span class="text-danger" role="alert">
                                <strong>{{ $message }}</strong>
                            </span>
                            @enderror
                        </div>
                    </div>

                    <div class="form-group row mb-3">
                        <div class="col">
                            <label for="expected_hourly_rate" class="form-label">Expected Hourly Rate <small class="text-danger">*</small></label>
                            <input type="number" name="expected_hourly_rate" id="expected_hourly_rate" min="1" class="form-control @error('expected_hourly_rate') is-invalid @enderror" placeholder="Enter expected hourly rate" value="{{ $promoter->promoterDetails->expected_hourly_rate ?? old('expected_hourly_rate') }}" required>
                            @error('expected_hourly_rate')
                            <span class="text-danger" role="alert">
                                <strong>{{ $message }}</strong>
                            </span>
                            @enderror
                        </div>
                    </div>
                    <div class="form-group row mb-3">
                        <div class="col">
                            <div class="form-check">
                                <input class="form-check-input @error('is_certificates') is-invalid @enderror" type="checkbox" id="is_certificates" name="is_certificates" @checked($promoter->promoterDetails->is_certificates == "yes")>
                                <label class="form-check-label" for="is_certificates">
                                    Do you have any certificates?
                                </label>
                            </div>
                            @error('is_certificates')
                            <span class="text-danger" role="alert">
                                <strong>{{ $message }}</strong>
                            </span>
                            @enderror
                        </div>
                    </div>
                    <div class="mt-2">
                        <button type="submit" class="btn btn-primary me-2">Save changes</button>
                    </div>
                </form>
            </div>
            <!-- /Account -->
        </div>
        {{-- <div class="card">
            <h5 class="card-header">Delete Account</h5>
            <div class="card-body">
                <div class="mb-3 col-12 mb-0">
                    <div class="alert alert-warning">
                        <h5 class="alert-heading mb-1">Are you sure you want to delete your account?</h5>
                        <p class="mb-0">Once you delete your account, there is no going back. Please be certain.</p>
                    </div>
                </div>
                <form id="formAccountDeactivation" onsubmit="return false">
                    <div class="form-check mb-4">
                        <input class="form-check-input" type="checkbox" name="accountActivation" id="accountActivation" />
                        <label class="form-check-label" for="accountActivation">I confirm my account deactivation</label>
                    </div>
                    <button type="submit" class="btn btn-danger deactivate-account">Deactivate Account</button>
                </form>
            </div>
        </div> --}}
    </div>
</div>
@endsection