@extends('layouts.main')

@section('content')
<div class="dashboard-content-wrapper">
    <div class="container-fluid">
        <h1 class="page-title">Profile</h1>
        <div class="row">
            <div class="col-lg-8">
                <h2 class="mb-4">General Information</h2>

                <form id="frmSaveGenInfo" name="frmSaveGenInfo" method="post">
                    <div class="row pr-sm-4">

                        <div class="col-md-2 col-3 text-center con-gen-info-edit">
                            <p class="indicative-icon my-3"><i class="fas fa-id-card-alt"></i></p>
                            <button type="button" class="btn btn-outline-primary btn-circle-secondary edit-gen-info">
                                <i class="fas fa-pencil-alt"></i>
                            </button>
                        </div>

                        <div class="col-md-2 col-3 text-center con-gen-info-save">
                            <p class="indicative-icon my-3"><i class="fas fa-briefcase"></i></p>
                            <button type="button" class="btn btn-outline-primary btn-circle-secondary mr-sm-2 mr-0 mb-2 mb-sm-0 cance-edit-gen-info"><i class="fas fa-times"></i></button>
                            <button type="button" class="btn btn-primary btn-circle-primary save-edit-gen-info">
                                <i class="fas fa-check"></i>
                            </button>
                        </div>
                        <div class="col-md-10 col-9">
                            <div class="row">

                                <div class="col-sm-6">
                                    <div class="form-group">
                                        <label>Email Address</label>
                                        <input name="inp-email" id="inp-email" type="text" class="form-control-plaintext" value="{{ $userdata->email }}" readonly="">
                                    </div>
                                </div>
                                <div class="col-sm-6">
                                    <div class="form-group">
                                        <label>Role</label>
                                        <input name="inp-role" id="inp-role" type="text" class="form-control-plaintext" value="{{ $userdata->role }}" readonly="">
                                    </div>
                                </div>
                                <div class="col-sm-6">
                                    <div class="form-group">
                                        <label>Name</label>
                                        @csrf
                                        <input name="inp-name" id="inp-name" type="text" class="form-control-plaintext inp-gen-info" value="{{ $userdata->name }}" readonly="">
                                    </div>
                                </div>
                                <div class="col-sm-6">
                                    <div class="form-group">
                                        <label>Country</label>
                                        <select name="inp-country" id="inp-country" class="form-control-plaintext inp-gen-info" readonly="" disabled>
                                            @foreach ($Countries as $country)
                                            <option @if($country['code'] == $userdata->country) {{"selected"}} @endif value="{{ $country['code'] }}">{{ __($country['name']) }}</option>
                                            @endforeach
                                        </select>
                                    </div>
                                </div>
                                <div class="col-sm-6">
                                    <div class="form-group">
                                        <label>State</label>
                                        <select name="inp-state" id="inp-state" class="form-control-plaintext inp-gen-info" readonly="" disabled>
                                            <option value="">Select</option>
                                            @foreach ($States as $state)
                                            <option @if($state['isoCode'] == $userdata->state) {{"selected"}} @endif value="{{ $state['isoCode'] }}">{{ __($state['name']) }}</option>
                                            @endforeach
                                        </select>
                                    </div>
                                </div>
                                <div class="col-sm-6">
                                    <div class="form-group">
                                        <label>City</label>
                                        <select name="inp-city" id="inp-city" class="form-control-plaintext inp-gen-info" readonly="" disabled>
                                            <option value="">Select</option>
                                            @foreach ($Cities as $city)
                                            <option @if($city['name'] == $userdata->city) {{"selected"}} @endif value="{{ $city['code'] }}">{{ __($city['name']) }}</option>
                                            @endforeach
                                        </select>
                                    </div>
                                </div>


                            </div>
                        </div>

                    </div>
                </form>

                <h2 class="mb-4 mt-3">Company Information</h2>

                <form id="frmSaveCompanyInfo" name="frmSaveCompanyInfo" method="post">
                    <div class="row pr-sm-4">
                        <div class="col-md-2 col-3 text-center con-company-info-edit">
                            <p class="indicative-icon my-3"><i class="fas fa-id-card-alt"></i></p>
                            <button type="button" class="btn btn-outline-primary btn-circle-secondary edit-company-info">
                                <i class="fas fa-pencil-alt"></i>
                            </button>
                        </div>

                        <div class="col-md-2 col-3 text-center con-company-info-save">
                            <p class="indicative-icon my-3"><i class="fas fa-briefcase"></i></p>
                            <button type="button" class="btn btn-outline-primary btn-circle-secondary mr-sm-2 mr-0 mb-2 mb-sm-0 cancle-edit-company-info"><i class="fas fa-times"></i></button>
                            <button type="button" class="btn btn-primary btn-circle-primary save-edit-company-info"><i class="fas fa-check"></i></button>
                        </div>

                        <div class="col-md-10 col-9">
                            <div class="row">
                                <div class="col-sm-6">
                                    <div class="form-group">
                                        <label>Company Name</label>
                                        <input name="inp-company" id="inp-company" type="text" class="form-control-plaintext inp-company-info" value="{{ $company->company_name }}" readonly="">
                                    </div>
                                </div>
                                <div class="col-sm-6">
                                    <div class="form-group">
                                        <label>Phone</label>
                                        <input name="inp-phone" id="inp-phone" type="text" class="form-control-plaintext inp-company-info" value="{{ $company->contact_number }}" readonly="">
                                    </div>
                                </div>
                                <div class="col-sm-6">
                                    <div class="form-group">
                                        <label>Company Address</label>
                                        <input name="inp-street" id="inp-street" type="text" class="form-control-plaintext inp-company-info" value="{{ $company->company_address }}" readonly="">
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </form>

                <h2 class="mb-4 mt-3">Change Password</h2>

                <form id="frmChangePassword" name="frmChangePassword" method="post">
                    <div class="row pr-sm-4">

                        <div class="col-md-2 col-3 text-center con-password-info-edit">
                            <p class="indicative-icon my-3"><i class="fas fa-id-card-alt"></i></p>
                            <button type="button" class="btn btn-outline-primary btn-circle-secondary edit-password-info">
                                <i class="fas fa-pencil-alt"></i>
                            </button>
                        </div>

                        <div class="col-md-2 col-3 text-center con-password-info-save">
                            <p class="indicative-icon my-3"><i class="fas fa-user-lock"></i></p>
                            <button type="button" class="btn btn-outline-primary btn-circle-secondary mr-sm-2 mr-0 mb-2 mb-sm-0 cancle-password-info"><i class="fas fa-times"></i></button>
                            <button type="button" class="btn btn-primary btn-circle-primary save-password-info"><i class="fas fa-check"></i></button>
                        </div>

                        <div class="col-md-10 col-9">
                            <p class="text-muted font-sm p2ChangePassword">Update your password by entering your current password and the new password. The password must contain a minimum of 8 characters, at least one special character, number and alphabet.</p>
                            <div class="row">
                                <div class="col-sm-6">
                                    <div class="form-group">
                                        <label>Current Password</label>
                                        <input name="inp-password" id="inp-password" type="password" class="form-control-plaintext inp-password-info" value="password" readonly="">
                                    </div>
                                </div>
                            </div>
                            <!-- This section will be displayed on when user clicks on change password -->
                            <div class="row rowChangePassword">
                                <div class="col-sm-6">
                                    <div class="form-group">
                                        <label>New Password</label>
                                        <input name="password" id="password" type="password" class="form-control inp-password-info">
                                    </div>
                                </div>
                                <div class="col-sm-6">
                                    <div class="form-group">
                                        <label>Confirm Password</label>
                                        <input name="password_confirmation" id="password_confirmation" type="password" class="form-control inp-password-info">
                                    </div>
                                </div>
                            </div>
                            <!-- /This section will be displayed on when user clicks on change password -->
                        </div>
                    </div>
                </form>
            </div>
            @include('admin.user.includes.questions')
        </div>
    </div>
</div>
@endsection