@extends('account.my-account')
@section('account-content')
{{-- @include('common.spacer') --}}
<div class="">
    <div class="">
        <div class="">
            <div class="">
                @include('flash::message')
                @if (isset($errors) and $errors->any())
                <div class="alert alert-danger">
                    <button type="button" class="close" data-dismiss="alert" aria-hidden="true">&times;</button>
                    <h5><strong>{{ t('Oops ! An error has occurred. Please correct the red fields in the form') }}</strong>
                    </h5>
                    <ul class="list list-check">
                        @foreach ($errors->all() as $error)
                        <li>{{ $error }}</li>
                        @endforeach
                    </ul>
                </div>
                @endif
                <div id="avatarUploadError" class="center-block" style="width:100%; display:none"></div>
                <div id="avatarUploadSuccess" class="alert alert-success fade show" style="display:none;"></div>
                <!-- USER -->
                <h5 class="mr-2 mr-auto editable_label">VIEW PROFILE</h5>
                <div class="main_profile_rightbox">
                    {{-- <div class="card-header">
                        <h4 class="card-title">
                            <a href="#userPanel" aria-expanded="true" data-toggle="collapse"
                                data-parent="#accordion">{{ t('Account Details') }}</a>
                        </h4>
                    </div> --}}
                    <div class="panel-collapse collapse {{ (old('panel')=='' or old('panel')=='userPanel') ? 'show' : '' }}"
                        id="userPanel">
                        <div class="edit_profile_form">
                            <form name="details" class="form-horizontal" role="form" method="POST"
                                action="{{ url()->current() }}">
                                {!! csrf_field() !!}
                                <input name="_method" type="hidden" value="PUT">
                                <input name="panel" type="hidden" value="userPanel">
                                <!-- gender_id -->
                                                                <div class="form-group label-font label-font required">
                                    <label class="label-font">{{ t('Title') }}</label>
                                    <div class="editable d-none">
                                        @if ($genders->count() > 0)
                                        @foreach ($genders as $gender)
                                        <div class="form-check form-check-inline pt-2">
                                            <input name="gender_id" id="gender_id-{{ $gender->tid }}"
                                                value="{{ $gender->tid }}" class="form-check-input{{ $genderIdError }}"
                                                type="radio"
                                                {{ (old('gender_id', $user->gender_id)==$gender->tid) ? 'checked="checked"' : '' }}>
                                            <label class="form-check-label" for="gender_id-{{ $gender->tid }}">
                                                {{ $gender->name }}
                                            </label>
                                        </div>
                                        @endforeach
                                        @endif
                                    </div>
                                    @php $gender_value = '';
                                        if ($genders->count() > 0){
                                            foreach ($genders as $gender){
                                                if($user->gender_id == $gender->tid){
                                                    $gender_value = $gender->name;
                                                }
                                            }
                                        }
                                    @endphp
                                    <div class="viewable"><p>@if(!empty($gender_value)) {{$gender_value}} @else - @endif</p></div>
                                </div>
                                @if (auth()->user()->user_type_id == 1)
                                {{-- first name --}}
                                                                <div class="form-group label-font required">
                                    <label class="">{{ t('FName') }} <sup>*</sup></label>
                                    <div class="editable d-none">
                                        <input name="first_name" type="text" class="form-control{{ $first_nameError }}"
                                            placeholder="" value="{{ old('first_name', auth() ->user()->first_name) }}">
                                    </div>
                                    <div class="viewable"><p>{{auth()->user()->first_name}}</p></div>
                                </div>
                                {{-- last name --}}
                                                                <div class="form-group label-font required">
                                    <label class="">{{ t('LName') }} <sup>*</sup></label>
                                    <div class="editable d-none">
                                        <input name="last_name" type="text" class="form-control{{ $last_nameError }}"
                                            placeholder="" value="{{ old('last_name', auth() ->user()->last_name) }}">
                                    </div>
                                    <div class="viewable"><p>{{auth()->user()->last_name}}</p></div>
                                </div>
                                @endif
                                @if (auth()->user()->user_type_id == 2 || auth()->user()->user_type_id == 3 || auth()->user()->user_type_id == 4 || auth()->user()->user_type_id == 5)
                                <!-- name -->
                                                                <div class="form-group label-font required">
                                    <label class="">{{ t('contact person') }} <sup>*</sup></label>
                                    <div class="editable d-none">
                                        <input type="hidden" name="user_type" value="2">
                                        <input name="name" type="text" class="form-control{{ $nameError }}"
                                            placeholder="" value="{{ old('name', auth() ->user()->name) }}">
                                    </div>
                                    <div class="viewable"><p>{{auth()->user()->name}}</p></div>
                                </div>
                                @endif
                                                                 <!-- email -->
                                                                <div class="form-group label-font required">
                                    <label class="">{{ t('Email') }} (Login ID) <sup>*</sup></label>
                                    <div class="input-group editable d-none">
                                        {{-- <div class="input-group-prepend">
                                            <span class="input-group-text"><i class="icon-mail"></i></span>
                                        </div> --}}
                                        <input id="email" name="email" type="email"
                                            class="form-control{{ $emailError }}" placeholder="{{ t('Email') }}"
                                            value="{{ old('email', auth()->user()->email) }}" readonly>
                                    </div>
                                    <div class="viewable"><p>{{auth()->user()->email}}</p></div>
                                </div>
                                <!-- phone -->
                                                                <div class="form-group label-font required">
                                    <label for="phone" class="">{{ t('Phone') }}
                                        <sup>*</sup></label>
                                    <div class="input-group editable d-none">
                                        {{-- <div class="input-group-prepend">
                                            <span id="phoneCountry" class="input-group-text">{!!
                                                getPhoneIcon(old('country_code', $user->country_code)) !!}</span>
                                        </div> --}}
                                        <div class="col-md-3">
                                        <input id="phone" name="country_phone_code" type="text" class="form-control{{ $phoneError }}"
                                            placeholder="{{ (!isEnabledField('email')) ? t('Mobile Phone Number') : t('Phone Number') }}"
                                            value="{{ phoneFormat(old('country_phone_code', auth()->user()->country_phone_code), old('country_phone_code', auth()->user()->country_phone_code)) }}">
                                        </div>
                                        <div class="col-md-9">
                                        <input id="phone" name="phone" type="text" class="form-control{{ $phoneError }}"
                                            placeholder="{{ (!isEnabledField('email')) ? t('Mobile Phone Number') : t('Phone Number') }}"
                                            value="{{ phoneFormat(old('phone', auth()->user()->phone), old('country_code', auth()->user()->country_code)) }}">
                                        </div>
                                        {{-- <div class="input-group-append">
                                            <span class="input-group-text">
                                                <input name="phone_hidden" id="phoneHidden" type="checkbox" value="1"
                                                    {{ (old('phone_hidden', auth()->user()->phone_hidden)=='1') ? 'checked="checked"' : '' }}>&nbsp;
                                                <small>{{ t('Hide') }}</small>
                                            </span>
                                        </div> --}}

                                    </div>
                                    <div class="viewable"><p>{{auth()->user()->country_phone_code}} {{auth()->user()->phone}}</p></div>
                                </div>
                                @if (auth()->user()->user_type_id == 2 || auth()->user()->user_type_id == 3 || auth()->user()->user_type_id == 4 || auth()->user()->user_type_id == 5)
                                <input name="country_code" type="hidden" value="{{ auth()->user()->country_code }}">
                                 {{-- company name --}}
                                                                <div class="form-group label-font required">
                                    <label class="">{{ t('Company name') }} <sup>*</sup></label>
                                    <div class="editable d-none">
                                        <input name="company_name" type="text" class="form-control{{ $comp_nameError }}"
                                            placeholder="" value="{{ old('company_name', auth() ->user()->company_name) }}">
                                    </div>
                                    <div class="viewable"><p>{{auth()->user()->company_name}}</p></div>
                                </div>                                
                                {{-- designation --}}
                                                                <div class="form-group label-font required">
                                    <label class="">{{ t('Designation') }} <sup>*</sup></label>
                                    <div class="editable d-none">
                                        <input name="designation" type="text" class="form-control{{ $designationError }}"
                                            placeholder="" value="{{ old('designation', auth() ->user()->designation) }}">
                                    </div>
                                    <div class="viewable"><p>{{auth()->user()->designation}}</p></div>
                                    {{-- Address --}}
                                                                        <div class="form-group label-font required">
                                        <label class="">{{ t('Address') }} <sup>*</sup></label>
                                        <div class="editable d-none">
                                            <input name="address" type="text" class="form-control{{ $addressError }}"
                                                placeholder="" value="{{ old('address', auth() ->user()->address) }}">
                                        </div>
                                        <div class="viewable"><p>{{auth()->user()->address}}</p></div>
                                    </div>
                                    {{-- Emirates --}}
                                                                        <div class="form-group label-font required">
                                        <label class="">{{ t('emirates') }} <sup>*</sup></label>
                                        {{-- <div class="">
                                            <input name="emirates" type="text" class="form-control{{ $emiratesError }}"
                                                placeholder="" value="{{ old('emirates', auth()->user()->emirates) }}">
                                        </div> --}}
                                        <select name="emirates" class="form-control{{ $emiratesError }} editable d-none">
                                            @foreach ($emirates as $emirate)
                                                <option value="{{ $emirate->id }}" data-type="{{ $emirate->type }}"
                                                        @if (old('emirates', $user->emirates)==$emirate->id)
                                                            selected="selected"
                                                        @endif
                                                >
                                                    {{ $emirate->value }}
                                                </option>
                                            @endforeach
                                        </select>
                                        <div class="viewable"><p>@foreach($emirates as $emirate) @if ($user->emirates==$emirate->id) {{ $emirate->value }} @endif @endforeach</p></div>
                                    </div>
                                @endif
                                <!-- username -->
                                {{--                                 <div class="form-group label-font required">
                                    <label class="" for="email">{{ t('Username') }}
                                        <sup>*</sup></label>
                                    <div class="input-group">
                                        
                                        <input id="username" name="username" type="text"
                                            class="form-control{{ $usernameError }}" placeholder="{{ t('Username') }}"
                                            value="{{ old('username', auth()->user()->username) }}">
                                    </div>
                                </div> --}}
                                
                                
                                
                                <!-- Button -->
                                <div class="form-group label-font editable d-none">
                                    <div class="">
                                        <button type="submit" class="btn btn-save-detail">{{ t('Save Details') }}</button>
                                    </div>
                                </div>
                            </form>
                        </div>
                    </div>
                    <!--/.row-box End-->
                </div>
            </div>
            <!--/.page-content-->
        </div>
        <!--/.row-->
    </div>
    <!--/.container-->
</div>
<!-- /.main-container -->
@endsection
@section('after_styles')
<link href="{{ url('assets/plugins/bootstrap-fileinput/css/fileinput.min.css') }}" rel="stylesheet">
@if (config('lang.direction') == 'rtl')
<link href="{{ url('assets/plugins/bootstrap-fileinput/css/fileinput-rtl.min.css') }}" rel="stylesheet">
@endif
<style>
    .krajee-default.file-preview-frame:hover:not(.file-preview-error) {
        box-shadow: 0 0 5px 0 #666666;
    }

    .file-loading:before {
        content: " {{ t('Loading') }}...";
    }
</style>
<style>
    /* Avatar Upload */
    .photo-field {
        display: inline-block;
        vertical-align: middle;
    }

    .photo-field .krajee-default.file-preview-frame,
    .photo-field .krajee-default.file-preview-frame:hover {
        margin: 0;
        padding: 0;
        border: none;
        box-shadow: none;
        text-align: center;
    }

    .photo-field .file-input {
        display: table-cell;
        width: 150px;
    }

    .photo-field .krajee-default.file-preview-frame .kv-file-content {
        width: 150px;
        height: 160px;
    }

    .kv-reqd {
        color: red;
        font-family: monospace;
        font-weight: normal;
    }

    .file-preview {
        padding: 2px;
    }

    .file-drop-zone {
        margin: 2px;
    }

    .file-drop-zone .file-preview-thumbnails {
        cursor: pointer;
    }

    .krajee-default.file-preview-frame .file-thumbnail-footer {
        height: 30px;
    }
</style>
@endsection
@section('after_scripts')
<script src="{{ url('assets/plugins/bootstrap-fileinput/js/plugins/sortable.min.js') }}" type="text/javascript">
</script>
<script src="{{ url('assets/plugins/bootstrap-fileinput/js/fileinput.min.js') }}" type="text/javascript"></script>
<script src="{{ url('assets/plugins/bootstrap-fileinput/themes/fa/theme.js') }}" type="text/javascript"></script>
@if (file_exists(public_path() .
'/assets/plugins/bootstrap-fileinput/js/locales/'.ietfLangTag(config('app.locale')).'.js'))
<script src="{{ url('assets/plugins/bootstrap-fileinput/js/locales/'.ietfLangTag(config('app.locale')).'.js') }}"
    type="text/javascript"></script>
@endif
<script type="text/javascript">
    function enableEdit(){
        $('.edit_profile_form .editable').removeClass('d-none');
        $('.edit_profile_form .viewable').addClass('d-none');
        $('.editable_label').text('EDIT PROFILE');
    }
    @if(!$errors->isEmpty() || request()->editable == '1')
        enableEdit();
    @endif
</script>
@endsection