@extends('layout.front')

@if ($lmsUser->details && ($lmsUser->details->first_name != '') && ($lmsUser->details->last_name != ''))
    @section('title', "Podaci Korisnika | {$lmsUser->details->first_name} {$lmsUser->details->last_name}")
@elseif ($lmsUser->details && ($lmsUser->details->email != '') )
    @section('title', "Podaci Korisnika")
@else
    @section('title', "Podaci Korisnika | {$lmsUser->details->email}")
@endif

@section('content')
    <div class="page-wrapper">

        <!-- Header Account -->
        @include('front-inc._header-account')

        <!-- section main-container -->
        <section class="main-container">

            <div class="container">
                <div class="row">

                    <!-- main-content -->
                    <div class="main-content col-12">

                        <nav class="breadcrumb-holder" aria-label="breadcrumb">
                            <ol class="breadcrumb">
                                <li class="breadcrumb-item"><a href="{{ route('lms.profile') }}">Moj nalog</a></li>
                                <li class="breadcrumb-item active" aria-current="page">Lični podaci</li>
                            </ol>
                        </nav>
                        <!-- breadcrumb end -->

                        <div class="main-title">
                            <h1>Lični podaci</h1>
                        </div>
                        <!-- main-title end -->


                        <!-- user-header -->
                        <div class="user-header">
                            <div class="media">
                                <x-front.user-media-image :user="$lmsUser" />

                                <!-- media-image end -->
                                <div class="media-body">
                                    <div class="button-holder">
                                        <button class="btn btn-square-blue-45" id="avatar-change" disabled="">Promeni
                                            avatara</button>
                                        <button class="btn btn-square-gray-45" id="avatar-delete"
                                            disabled="">Obriši</button>
                                    </div>
                                    <p><strong>Napomena:</strong> Maksimalna dimenzija je 1000x1000px ili 2MB</p>
                                </div>
                                <!-- media-body end  -->
                            </div>
                            <!-- media end -->
                        </div>
                        <!-- user-header end -->
                        <div class="row">

                            <div class="col-lg-8">
                                <form method="POST"
                                    action="{{ route('lms.hr.update_user_profile', ['lms_user' => $lmsUser]) }}">
                                    @method('PATCH')
                                    @csrf
                                    <div class="form-group">
                                        <label for="inputName" class="form-label">Ime</label>
                                        <input type="text" class="form-control" id="inputName" name="first_name"
                                            value="{{ $lmsUser->first_name }}" disabled="">
                                    </div>
                                    <!-- form-group end -->
                                    <div class="form-group">
                                        <label for="inputSurname" class="form-label">Prezime</label>
                                        <input type="text" class="form-control" id="inputSurname" name="last_name"
                                            value="{{ $lmsUser->last_name }}" disabled="">
                                    </div>
                                    <!-- form-group end -->
                                    <div class="form-group">
                                        <label for="inputEmail" class="form-label">Email</label>
                                        <input type="email" class="form-control" id="inputEmail" name="email"
                                            aria-describedby="emailHelp" value="{{ $lmsUser->email }}" disabled="">
                                        <div id="emailHelp" class="form-text"><span><strong>Napomena:</strong> Promena
                                                e-mail adrese zahteva ponovnu aktivaciju naloga</span></div>
                                    </div>
                                    <!-- form-group end -->
                                    <div class="form-group">
                                        <label for="inputPosition" class="form-label">Pozicija (pr. HR, menadžer, prodaja,
                                            komercijalista, asistent...)</label>
                                        <input type="text" class="form-control" id="inputPosition" name="title"
                                            value="{{ $lmsUser->details->title }}">
                                    </div>
                                    <!-- form-group end -->
                                    <div class="row select-fields">
                                        <div class="col-lg-6 form-group">
                                            <label for="selectRole" class="form-label">Uloga</label>
                                            <select id="selectRole" class="form-select" name="role_ids[]">
                                                <option value="-1">Izaberi ulogu</option>
                                                @foreach ($roles as $role)
                                                    <option @if (in_array($role->id, $lmsUser->roles->pluck('id')->toArray())) selected="selected" @endif
                                                        value="{{ $role->id }}">
                                                        {{ $role->name }}
                                                    </option>
                                                @endforeach
                                            </select>
                                        </div>
                                        <!-- col end -->
                                        <div class="col-lg-6 form-group">
                                            <label class="form-label">Sektori</label>
                                            <div class="check-holder">
                                                @foreach ($lmsUser->companies->first()->companySectors as $sector)
                                                    <div class="form-check">
                                                        <input
                                                            class="form-check-input" type="checkbox"
                                                            @if (in_array($sector->id, $lmsUser->sectors->pluck('id')->toArray())) checked="checked" @endif
                                                            id="chb-{{ $loop->iteration }}"
                                                            name="sector_ids[]"
                                                            value="{{ $sector->id }}"
                                                            >
                                                            <label
                                                                class="form-check-label" for="chb-{{ $loop->iteration }}"
                                                                >
                                                                {{ $sector->name }}
                                                            </label>
                                                    </div>
                                                @endforeach
                                            </div>
                                        </div>
                                        {{-- <div class="col-lg-4 form-group">
                                            <label for="inputGroup" class="form-label">Sektor</label>
                                            <select id="inputGroup" class="form-select" name="sector_id" multiple>
                                                <option value="-1"
                                                    @if ($lmsUser->sectors->count() == 0) selected="selected" @endif>
                                                    Izaberi sektor
                                                </option>
                                                @foreach ($lmsUser->companies->first()->companySectors as $sector)
                                                    <option @if (in_array($sector->id, $lmsUser->sectors->pluck('id')->toArray())) selected="selected" @endif
                                                        value="{{ $sector->id }}">
                                                        {{ $sector->name }}
                                                    </option>
                                                @endforeach
                                            </select>
                                            <div class="form-text d-block d-lg-none"><span>* Ova polja može menjati samo
                                                    administrator naloga</span></div>
                                        </div>
                                        <!-- col end --> --}}
                                        <!-- col end -->
                                        <div class="form-text d-none d-lg-block"><span>* Ova polja može menjati samo
                                                administrator naloga</span></div>
                                    </div>
                                    <!-- row end -->
                                    <div class="row select-fields">
                                        <div class="col-12">
                                            <div class="form-group label-title">
                                                <label class="form-label">Datum rođenja</label>
                                            </div>
                                            <!-- form-group label-title end -->
                                        </div>
                                        <!-- col end -->
                                        <div class="col-lg-4 form-group">
                                            <select id="selectDateOfBirth" class="form-select" name="b_day">
                                                <option @if (!$lmsUser->details->birthday_date) selected="selected" @endif
                                                    disabled>Izaberi dan</option>
                                                {{-- <option selected>Izaberi dan</option> --}}
                                                @for ($i = 1; $i <= 31; $i++)
                                                    <option @if ($lmsUser->details->birthday_date &&
                                                        App\Models\Helpers\Date::getDayOfDate($lmsUser->details->birthday_date) == $i) selected @endif
                                                        value="{{ $i }}">{{ $i }}</option>
                                                @endfor
                                            </select>
                                        </div>
                                        <!-- col end -->
                                        <div class="col-lg-4 form-group">
                                            <select id="inputMonthOfBirth" class="form-select" name="b_month">
                                                <option @if (!$lmsUser->details->birthday_date) selected="selected" @endif
                                                    disabled>Izaberi mesec</option>
                                                @for ($i = 1; $i <= 12; $i++)
                                                    <option @if ($lmsUser->details->birthday_date &&
                                                        App\Models\Helpers\Date::getMonthOfDate($lmsUser->details->birthday_date) == $i) selected @endif
                                                        value="{{ $i }}">
                                                        {{ App\Models\Helpers\Date::getMonthNameSr($i - 1) }}</option>
                                                @endfor
                                            </select>
                                        </div>
                                        <!-- col end -->
                                        <div class="col-lg-4 form-group">
                                            <select id="inputYearOfBirth" class="form-select" name="b_year">
                                                <option @if (!$lmsUser->details->birthday_date) selected="selected" @endif
                                                    disabled>
                                                    Izaberi godinu
                                                </option>
                                                @for ($i = 1950; $i <= (int) date('Y'); $i++)
                                                    <option @if ($lmsUser->details->birthday_date &&
                                                        App\Models\Helpers\Date::getYearOfDate($lmsUser->details->birthday_date) == $i) selected @endif
                                                        value="{{ $i }}">{{ $i }}</option>
                                                @endfor
                                            </select>
                                            <div class="form-text d-block d-lg-none"><span>* Volimo rođendane!</span></div>
                                        </div>
                                        <!-- col end -->
                                        <div class="form-text d-none d-lg-block"><span>* Volimo rođendane!</span></div>
                                    </div>
                                    <!-- row end -->
                                    <div class="form-group">
                                        <label for="selectGender" class="form-label">Pol</label>
                                        <select id="selectGender" class="form-select" name="gender" disabled="">
                                            <option disabled>Izaberi pol</option>
                                            @foreach ($gender as $pol)
                                                <option @if ((int) $lmsUser->details->gender_id == $pol->id) selected @endif
                                                    value="{{ $pol->id }}">{{ $pol->name }}</option>
                                            @endforeach
                                        </select>
                                        <div class="form-text"><span>Želimo da se osećate ugodno i dok Vam se
                                                obraćamo</span></div>
                                    </div>
                                    <!-- form-group end -->
                                    <div class="form-group">
                                        <button class="btn btn-pill-magenta-45" type="submit">Zapamti</button>
                                    </div>
                                    <!-- form-group end -->
                                </form>

                                <form method="POST" action="{{ route('lms.password-change') }}">
                                    @csrf
                                    <div class="password-change">
                                        <h2 class="form-title">Promeni lozinku</h2>
                                        <p class="text-light">Za promenu lozinke, popunite polja i pratite dalje
                                            instrukcije. Izbegavajte jednostavne lozinke kako ne bi došlo do zloupotrebe
                                            naloga. Vaša sigurnost nam je važna.</p>

                                        <div class="form-group">
                                            <label for="inputOldPassword" class="form-label">Stara lozinka</label>
                                            <input type="password" class="form-control" id="inputOldPassword"
                                                name="old_pass" disabled="">
                                        </div>
                                        <!-- form-group end -->
                                        <div class="form-group">
                                            <label for="inputNewPassword" class="form-label">Nova lozinka</label>
                                            <input type="password" class="form-control" id="inputNewPassword"
                                                name="new_pass" disabled="">
                                        </div>
                                        <!-- form-group end -->
                                        <div class="form-group">
                                            <label for="inputRepeatPassword" class="form-label">Ponovi lozinku</label>
                                            <input type="password" class="form-control" id="inputRepeatPassword"
                                                name="re_new_pass" disabled="">
                                        </div>
                                        <!-- form-group end -->
                                        <div class="form-group">
                                            <button class="btn btn-pill-magenta-45" type="submit" disabled="">Sačuvaj
                                                lozinku</button>
                                        </div>
                                        <!-- form-group end -->
                                    </div>
                                    <!-- password-change end -->

                                </form>
                            </div>
                            <!-- col end -->

                        </div>
                        <!-- row end -->

                    </div>
                    <!-- main-content end -->

                </div>
                <!-- row end -->
            </div>
            <!-- container end -->

        </section>
        <!-- main-container end -->

        <!-- Footer -->
        @include('front-inc._footer')

    </div>
    <!--- page-wrapper end -->
@endsection