@extends('admin.layouts.app')
@section('content')
<h4 class="fw-bold py-3 mb-4"><span class="text-muted fw-light">Account Settings /</span> Details</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" 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 active" href="{{ route('promoter.profile.details') }}"><i class="fas fa-info-circle me-1"></i> Details</a>
            </li>
        </ul>
        <!-- Change Password -->
        <div class="card mb-4">
            <h5 class="card-header">Change your inormation</h5>
            <div class="card-body">
                <form id="formAccountSettings" method="POST" action="{{ route('promoter.profile.update-details') }}">
                    @csrf
                    <div class="form-group row mb-3">
                        <div class="col">
                            <label for="languages_spoken" class="form-label">Languages Spoken <small class="text-danger">*</small></label>
                            <select multiple class="select2 w-100 @error('languages_spoken') is-invalid @enderror" data-allow-clear="true" id="languages_spoken" name="languages_spoken[]" required>
                                <option value="English" {{ in_array('English', explode(",", $promoter->promoterDetails->languages_spoken) ?? old('languages_spoken', [])) ? 'selected' : '' }}>English</option>
                                <option value="Spanish" {{ in_array('Spanish', explode(",", $promoter->promoterDetails->languages_spoken) ?? old('languages_spoken', [])) ? 'selected' : '' }}>Spanish</option>
                                <option value="French" {{ in_array('French', explode(",", $promoter->promoterDetails->languages_spoken) ?? old('languages_spoken', [])) ? 'selected' : '' }}>French</option>
                                <option value="German" {{ in_array('German', explode(",", $promoter->promoterDetails->languages_spoken) ?? old('languages_spoken', [])) ? 'selected' : '' }}>German</option>
                                <option value="Chinese" {{ in_array('Chinese', explode(",", $promoter->promoterDetails->languages_spoken) ?? old('languages_spoken', [])) ? 'selected' : '' }}>Chinese</option>
                                <option value="Arabic" {{ in_array('Arabic', explode(",", $promoter->promoterDetails->languages_spoken) ?? old('languages_spoken', [])) ? 'selected' : '' }}>Arabic</option>
                            </select>
                            @error('languages_spoken')
                            <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="TagifyBasic" class="form-label">Previous Events Worked <small class="text-danger">*</small></label>
                            <input id="TagifyBasic" name="events_worked" class="form-control @error('events_worked') is-invalid @enderror" value="{{ $promoter->promoterDetails->events_worked ?? 'Tag1, Tag2, Tag3' }}" required />
                            @error('events_worked')
                            <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="skills" class="form-label">Skills <small class="text-danger">*</small></label>
                            <select multiple class="select2 w-100 @error('skills') is-invalid @enderror" data-allow-clear="true" id="skills" name="skills[]" required>
                                @foreach($skills as $skill)
                                <option value="{{ $skill->id }}" {{ $promoter->skills->contains('id', $skill->id) ? 'selected' : '' }}>{{ $skill->name }}</option>
                                @endforeach
                            </select>
                            @error('skills')
                            <span class="text-danger" role="alert">
                                <strong>{{ $message }}</strong>
                            </span>
                            @enderror
                        </div>
                        <div class="col">
                            <label for="preferred_work_locations" class="form-label">Preferred Work Locations <small class="text-danger">*</small></label>
                            <select multiple class="select2 w-100 @error('preferred_work_locations') is-invalid @enderror" data-allow-clear="true" id="preferred_work_locations" name="preferred_work_locations[]" required>
                                @foreach($cities as $city)
                                <option value="{{ $city->id }}" {{ $promoter->preferredWorkLocations->contains('id', $city->id) ? 'selected' : '' }}>{{ $city->name }}</option>
                                @endforeach
                            </select>
                            @error('preferred_work_locations')
                            <span the text-danger" role="alert">
                                <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="promoter_work_hours" class="form-label">Promoter Work Hours <small class="text-danger">*</small></label>
                            <select multiple class="select2 w-100 @error('promoter_work_hours') is-invalid @enderror" data-allow-clear="true" id="promoter_work_hours" name="promoter_work_hours[]" required>
                                <option value="morning" {{ $promoter->workHours->contains('time', 'morning') ? 'selected' : '' }}>Morning</option>
                                <option value="afternoon" {{ $promoter->workHours->contains('time', 'afternoon') ? 'selected' : '' }}>Afternoon</option>
                                <option value="evening" {{ $promoter->workHours->contains('time', 'evening') ? 'selected' : '' }}>Evening</option>
                                <option value="night" {{ $promoter->workHours->contains('time', 'night') ? 'selected' : '' }}>Night</option>
                            </select>
                            @error('promoter_work_hours')
                            <span class="text-danger" role="alert">
                                <strong>{{ $message }}</strong>
                            </span>
                            @enderror
                        </div>
                    </div>
                    <div class="form-group row mb-3">
                        <div class="col">
                            <button type="submit" class="btn btn-primary">Save changes</button>
                        </div>
                    </div>
                </form>
            </div>
        </div>
        <!--/ Change Password -->

    </div>
</div>
@endsection