@extends('User::index')

@section('userpage')
<section class="mypersonal-f-data-sec-om personal-card-om">
    <h3 class="sub-data-title-om">@lang('My Data')</h3>

    <form class="mydata-form" action="{{ route('profile.update' , 'my') }}" method="POST">
        @csrf
        {{ method_field('PUT') }}
        <div class="row-om">
            <div class="col-om">
                <div class="group-om">
                    <label class="gr-lable-om" for="name-1">@lang('First Name')</label>
                    <input disabled type="text" value="{{ $info->first_name }}" class="gr-input-om" name="first_name" required id="name-1">
                    @if($errors->has('first_name'))
                            <span class="merror"><b>{{ $errors->get('first_name')[0] }}</b></span>
                        @endif
                </div>
            </div>
            <div class="col-om">
                <div class="group-om">
                    <label class="gr-lable-om" for="name-2">@lang('Second Name')</label>
                    <input disabled type="text" value="{{ $info->second_name }}" class="gr-input-om" id="name-2" name="second_name" required>
                    @if($errors->has('second_name'))
                            <span class="merror"><b>{{ $errors->get('second_name')[0] }}</b></span>
                        @endif
                </div>
            </div>
            <div class="col-om">
                <div class="group-om">
                    <label class="gr-lable-om" for="name-3">@lang('Third Name')</label>
                    <input disabled type="text" value="{{ $info->third_name }}" class="gr-input-om" id="name-3" name="third_name" required>
                    @if($errors->has('third_name'))
                            <span class="merror"><b>{{ $errors->get('third_name')[0] }}</b></span>
                        @endif
                </div>
            </div>
            <div class="col-om">
                <div class="group-om">
                    <label class="gr-lable-om" for="phone-om">@lang('mobile')</label>
                    <input type="tel" name="mobile" value="{{ $info->mobile }}" class="gr-input-om tel-padd-om" id="phone-om" required>
                    @if($errors->has('mobile'))
                            <span class="merror"><b>{{ $errors->get('mobile')[0] }}</b></span>
                        @endif
                </div>
            </div>
            <div class="col-om">
                <div class="group-om">
                    <label class="gr-lable-om" for="email-om">@lang('Email')</label>
                    <input type="email" value="{{ $info->email }}" class="gr-input-om" id="email-om" required name="email">
                    @if($errors->has('email'))
                            <span class="merror"><b>{{ $errors->get('email')[0] }}</b></span>
                        @endif
                </div>
            </div>
            <div class="col-om">
                <div class="group-om">
                    <label class="gr-lable-om" for="city-om">@lang('Area')</label>

                    <select class="selectpicker selct-options-om" id="" name="area_id">
                        @foreach ($areas as $item)
                            <option {{ $info->area_id == $item->id ? 'selected' : '' }} value="{{ $item->id }}">{{ $item->name }}</option>
                        @endforeach
                    </select>
                    @if($errors->has('area_id'))
                            <span class="merror"><b>{{ $errors->get('area_id')[0] }}</b></span>
                        @endif
                </div>
            </div>
            <div class="col-om">
                <div class="group-om ">
                    <input class="gr-input-om subbmit-butt-om save-changes-om" type="submit" value="@lang('Save')">
                </div>
            </div>
            <div class="col-om">
                <div class="group-om ">
                    <a class="gr-input-om subbmit-butt-om" href="{{ route('change_password') }}" >@lang('Change Password')</a>
                </div>
            </div>
        </div>
    </form>
</section>
@stop