@extends('layouts.app')


@section('title', 'Edid User')

{{-- custom css --}}
@push('css')
<link rel="stylesheet" href="{{ asset('assets/css/custom/user.css') }}">
@endpush


{{-- page connect --}}
@section('content')
<x-content-body>

    <x-breadcrumbs :breadcrumbs="$breadcrumbs" />

    <x-row-card>

        <x-slot:title>
            <h4 class="card-title">Edit User</h4>
        </x-slot:title>

        <x-form id="edit-user-form">

            <div class="row">
                <h4 class="text-primary mb-3">Personal Information</h4>

                <x-text-input type="hidden" id="id" name="user_id" :value="$user['id']" />
                <div class="mb-3 col-md-3">
                    <x-input-label for="f_name" :value="__('First Name (Legal)')" :required="true" />
                    <x-text-input id="f_name" placeholder="Enter First Name" name="f_name"
                        :value="old('f_name') ?? $user['f_name']" />
                </div>
                <div class="mb-3 col-md-3">
                    <x-input-label for="m_name" :value="__('Middle Initial')" />
                    <x-text-input id="m_name" placeholder="Enter Middle Initial" name="m_name"
                        :value="old('m_name') ?? $user['m_name']" />
                </div>

                <div class="mb-3 col-md-3">
                    <x-input-label for="l_name" :value="__('Last Name')" :required="true" />
                    <x-text-input id="l_name" placeholder="Enter Last Name" name="l_name"
                        :value="old('l_name') ?? $user['l_name']" />
                </div>
                <div class="mb-3 col-md-3">
                    <x-input-label for="n_name" :value="__('Nick Name')" />
                    <x-text-input id="n_name" placeholder="Enter Nick Name" name="n_name"
                        :value="old('n_name') ?? $user['n_name']" />
                </div>
            </div>

            <div class="row">
                <div class="mb-3 col-md-3">
                    <x-input-label for="email" :value="__('Email')" :required="true" />
                    <x-text-input id="email" placeholder="Enter Email" name="email"
                        :value="old('email') ?? $user['email']" />
                </div>



                <div class="mb-3 col-md-3">
                    <x-input-label for="role" :value="__('Account Type')" />
                    <select id="role" class="default-select form-control form-control-sm wide" name="role">
                        <option selected value="">Choose...</option>
                        @foreach ($roles as $role)
                        <option value="{{ $role['id'] }}" @selected(old('role') ?? $user['roles'][0]['name'] == $role['name'])>{{ $role['name'] }}</option>
                        @endforeach
                    </select>
                </div>
                <div class="mb-3 col-md-3">
                    <x-input-label for="title" :value="__('Title')" />
                    <x-text-input id="title" placeholder="Enter Title" name="title" :value="old('title') ?? $user['title']" />
                </div>
                <div class="mb-3 col-md-3">
                    <x-input-label for="d_o_b" :value="__('Date of Birth')" />
                    <x-text-input id="d_o_b" type="date" placeholder="Select Date of Birth" name="d_o_b" :value="old('d_o_b') ?? $user['d_o_b']" />
                </div>
            </div>

            <div class="row">
                <h4 class="text-primary mb-3 mt-4">License Information</h4>
                <div class="mb-3 col-md-3">
                    <x-input-label for="state_of_license" :value="__('State of License')" :required="true" />
                    <select name="state_of_license" class="state_of_license form-control form-control-sm">
                        @foreach ($states as $abbr => $state)
                            <option value="{{ $abbr }}" @if ($user['state_of_license'] == $abbr) selected @endif>{{ $state }}</option>
                        @endforeach
                    </select>
                </div>
                <div class="mb-3 col-md-3">
                    <x-input-label for="state_license_number" :value="__('State License Number')" />
                    <x-text-input id="state_license_number" placeholder="Enter State License Number"
                        name="state_license_number" :value="old('state_license_number') ?? $user['state_license_number']" />
                </div>
                <div class="mb-3 col-md-3">
                    <x-input-label for="industry_recognized_memberships"
                        :value="__('Industry Recognized Memberships')" />
                    <select id="" multiple="multiple"
                        class="default-select form-control form-control-sm wide industry_recognized_memberships"
                        name="industry_recognized_memberships[]" id="industry_recognized_memberships">
                        @forelse ($user['industry_recognized_memberships'] ?? [] as $membership)
                        <option value="{{ $membership }}"  selected >{{ $membership }}</option>
                        @empty
                        @endforelse
                    </select>
                </div>
                <div class="mb-3 col-md-3">
                    <x-input-label for="industry_recognized_designations"
                        :value="__('Industry Recognized Designations')" />
                    <select id="" multiple="multiple"
                        class="default-select form-control form-control-sm wide industry_recognized_designations"
                        name="industry_recognized_designations[]" id="industry_recognized_designations">
                        @forelse ($user['industry_recognized_designations'] ?? [] as $membership)
                        <option value="{{ $membership }}"  selected >{{ $membership }}</option>
                        @empty
                        @endforelse
                    </select>
                </div>
            </div>
            <div class="row">
                <h4 class="text-primary mb-3 mt-3">Additional Information</h4>
                <div class="mb-3 col-md-3">
                    <x-input-label for="cell_phone" :value="__('Cell Phone')" :required="true" />
                    <x-text-input class="phone_number_formate" id="cell_phone" placeholder="Enter Cell Phone Number" name="cell_phone" :value="old('cell_phone') ?? $user['cell_phone']" />
                </div>
                <div class="mb-3 col-md-3">
                    <x-input-label for="website" :value="__('Personal (Team) Website or Landing Page:')" />
                    <x-text-input id="website" placeholder="Enter Personal Website or Landing Page URL"
                        name="website" :value="old('website') ?? $user['website']" />
                </div>
                <div class="mb-3 col-md-3">
                    <x-input-label for="in_business_since_year" :value="__('In Business Since (Year):')" />
                    <x-text-input id="in_business_since_year" placeholder="Enter Year Business Started"
                        name="in_business_since_year" :value="old('in_business_since_year') ?? $user['in_business_since_year']"/>
                </div>
                <div class="mb-3 col-md-3">
                    <x-input-label for="speciality" :value="__('Speciality')" />
                    <select id="" multiple="multiple" class="default-select form-control form-control-sm wide specialty"
                        name="speciality[]" id="specialty">
                        @forelse ($user['speciality'] ?? [] as $membership)
                        <option value="{{ $membership }}"  selected >{{ $membership }}</option>
                        @empty
                            
                        @endforelse
                    </select>
                </div>
                <div class="mb-3 col-md-12">
                    <x-input-label for="profile_description" :value="__('Profile Description')" />
                    <textarea id="profile_description" class="form-control form-control-sm" rows="3"
                        placeholder="Enter Profile Description" name="profile_description">{{ old('profile_description') ?? $user['profile_description'] }}</textarea>
                </div>
            </div>

            <div class="mt-4 text-end">
                <x-primary-button> {{ __('Update User') }} </x-primary-button>
            </div>
        </x-form>
    </x-row-card>
</x-content-body>
@endsection


{{-- custom js --}}
@push('js')

<script>
        const userUpdateRoute = @json(route('settings.user-management.user.update', ['user' => $user['id']]));
        const userIndexRoute = @json(route('settings.user-management.users.index'));
</script>

<script src="{{ asset('assets/js/custom/user.js') }}"></script>
@endpush