@extends(decide_template())

@section('title', $page_data['title'])

@section('page_styles')
<link href="{{ asset('css/profile.css') }}?v={{$local_version}}" rel="stylesheet" type="text/css">
<style>
    label.cancel-upload {
        display: inline-block;
        width: 26px;
        height: 26px;
        margin-bottom: 0;
        border-radius: 100%;
        background: #FFFFFF;
        border: 1px solid transparent;
        box-shadow: 0px 2px 4px 0px rgb(0 0 0 / 12%);
        cursor: pointer;
        transition: all 0.2s ease-in-out;
        position: absolute;
        bottom: -10px;
        right: 4px;
    }
    label.cancel-upload i {
        color: #a5a5a5;
        position: absolute;
        top: 0;
        left: 0;
        margin: auto;
        text-align: center;
        width: 24px;
        line-height: 27px;
    }
    label.cancel-upload:hover i {
        color: #333;
    }
    label.cancel-upload:hover {
        background: #ffffff;
        border-color: #e9e6e6;
    }
    .kt-checkbox-list.pl12 {
        padding-top: 8px;
    }
    .kt-portlet .kt-portlet.kt-portlet--bordered .kt-portlet__foot {
        padding: 20px 20px!important;
        margin-top: 0;
    }
    .kt-portlet__body.p-0 {
        padding:0
    }
    .dmnTitle h2 {
        margin-top: 10px!important;
        margin-bottom: 10px!important;
        font-size: 16px!important;
        font-weight: 500!important;
    }
    button.btn-chk {
        height: 38px;
        min-width: 12px!important;
        width: 38px;
        font-size: 16px;
        margin-right: 10px;
        padding: 0;
        text-align: center;
    }
    button.btn-chk i {
        font-size: 1.3rem !important;
    }
    .btn:not(.btn-sm):not(.btn-lg) {
        vertical-align: bottom;
    }
    .contentBlk {
        margin-top: 25px;
        margin-bottom: 25px;
    }
    .contentBlk1 h2 {
        margin-top: 10px;
        margin-bottom: 10px;
        font-size: 16px;
        font-weight: 600;
    }
    .table {
        border: 1px solid #e7ecf1!important;
        border-top: 0!important;
    }
    .table td, .table th {
        padding: 10px;
        vertical-align: middle;
        border-top: 1px solid #ebedf2;
    }
    .fileinput {
        margin: 0 auto;
        max-width: 250px;
        position:relative;
    }
    .fileinput .thumbnail {
        display: inline-block;
        margin-bottom: 5px;
        overflow: hidden;
        text-align: center;
        vertical-align: middle;
    }
    .thumbnail {
        padding: 5px;
    }

    .fileinput .thumbnail>img {
        max-height: 40px;
        max-width: 100%;
    }
    .thumbnail img {
        border-radius: 0;
    }

    .fileinput-exists .fileinput-new, .fileinput-new .fileinput-exists {
        display: none;
    }

    .fileinput .thumbnail {
        width: 100%!important;
        height: 100px !important;
        margin-bottom: 0;
        border: 4px solid #eee !important;
        border-color: #eee;
        min-height: 100px;
        border-bottom: 0;
        background: #1b1e25;
        padding: 0;
        border-radius: 20px;
        line-height: 88px;
    }
    .bg-white {
        background: #FFF !important;
        color: #666;
    }
    .dimension {
        color: #979eaf;
        background: #1b1e25;
        display: block;
        position: relative;
        padding: 7px 0;
        text-align: center;
        font-size: 11px;
        font-weight: 500;
    }
    .files-btn {
        position: absolute;
        top: 0;
        right: 0;
        cursor: pointer;
        left: 0;
        bottom: 0;
    }
    .files-btn .btn.default:not(.btn-outline) {
        padding: 0;
        position: absolute;
        right: -10px;
        top: -5px;
    }
    .btn-file>input {
        position: absolute;
        top: 0;
        right: 0;
        width: 100%;
        height: 100%;
        margin: 0;
        font-size: 23px;
        cursor: pointer;
        opacity: 0;
        direction: ltr;
    }
    .fileinput-preview.fileinput-exists img {
        max-height: 40px;
        margin-top: -10px;
    }
    .fileinput .thumbnail.bg-white+.thumbnail {
        background: #FFF !important;
    }
    input.uploadimage {
        position: absolute;
        width: calc(100% + 8px);
        height: 100px;
        z-index: 5;
        opacity: 0;
        cursor: pointer;
        left: 0;
        top: 0;
    }
    a.btn.red.fileinput-exists {
        position: absolute;
        z-index: 5;
    }
    span.fileinput-new {
        display: inline-block;
        width: 26px;
        height: 26px;
        margin-bottom: 0;
        border-radius: 100%;
        background: #ffffff;
        border-color: #e9e6e6;
        border: 1px solid transparent;
        box-shadow: 0px 2px 4px 0px rgb(0 0 0 / 12%);
        cursor: pointer;
        font-weight: normal;
        transition: all 0.2s ease-in-out;
        line-height: 24px;
    }
    span.fileinput-exists {
        display: inline-block;
        width: 26px;
        height: 26px;
        margin-bottom: 0;
        border-radius: 100%;
        background: #ffffff;
        border-color: #e9e6e6;
        border: 1px solid transparent;
        box-shadow: 0px 2px 4px 0px rgb(0 0 0 / 12%);
        cursor: pointer;
        font-weight: normal;
        transition: all 0.2s ease-in-out;
        line-height: 24px;
    }
    a.btn.red.fileinput-exists {
        position: absolute;
        z-index: 10;
        padding: 0;
        width: 26px;
        height: 26px;
        margin-bottom: 0;
        border-radius: 100%;
        background: #ffffff;
        border-color: #e9e6e6;
        border: 1px solid transparent;
        box-shadow: 0px 2px 4px 0px rgb(0 0 0 / 12%);
        cursor: pointer;
        font-weight: normal;
        transition: all 0.2s ease-in-out;
        line-height: 24px;
        bottom: 0;
        right: -9px;
        color: #a5a5a5 !important;
    }
    a.btn.red.fileinput-exists:hover {color: #333 !important;}
    .col-md-6.mb-5 {
        margin-bottom: 15px;
    }
    .default.btn-file i.fa {
        color: #a5a5a5 !important;
    }
    .fileinput:hover .default.btn-file i.fa {
        color: #333 !important;
    }
    .fileinput.banner .thumbnail {
        height: 200px !important;
        line-height: 191px;
    }
    .fileinput.banner .thumbnail>img {
        max-height: 180px;
        max-width: 100%;
    }
    h3.mini_heading {
        margin: 0;
        padding: 0;
        font-size: 17px;
        font-weight: 500;
        color: var(--kt-portlet__head-title-color);
        margin-top: 20px;
    }
    span.input-group-text i.fa-2x {
        font-size: 16px;
    }
</style>
@endsection

@section(decide_content())

<!-- END PAGE HEADER-->
@if($errors->any())
<!-- For PHP validations errors-->
<div class="alert alert-danger" data-name="aXaeRRAF">
    @foreach($errors->all() as $error)
    <p>{{ $error }}</p>
    @endforeach
</div>
@endif
<!-- will be used to show any messages -->
@if (Session::has('msg'))
<div class="alert alert-success" data-name="fYbTqLqs">
    {{ Session::get('msg') }}
</div>

@endif
@if (Session::has('error'))
<div class="alert alert-danger" data-name="hmZHvQIt">
    <p>{{ Session::get('error') }}</p>
</div>
@endif
<!-- will be used to show any messages about form -->
<div id="msg" class="display-hide" data-name="vqhKEXdr">
    <span id='msg-text'><span>
</div>

<!-- BEGIN FORM-->
<div class="col-md-12 p-0 profile-setup" data-name="XsoOeiyX">
    <div class="row" data-name="BapuoDZD">
        <div class="col-md-2">
            <div class="kt-portlet card card-flush submenu">
                <div class="card-header pt-7" id="kt_chat_contacts_header">
                    <!--begin::Card title-->
                    <div class="card-title">
                        <b class="mb0">{{ trans('user_management.setting.sidebat.widget_heading') }}</b>
                    </div>
                    <!--end::Card title-->
                </div>
                <div class="card-body pt-5 ">
                @include('user.user-sidebar')
                </div>
            </div>
        </div>
        <!-- BEGIN EXAMPLE TABLE PORTLET-->
        <div class="col-md-6" data-name="prkSruuU">
            <div class="kt-portlet" data-name="prkSruuU">
                <div class="kt-portlet__body" data-name="VdCSpNWV">
                    <div class="tabbable tabbable-tabdrop" data-name="YcCSXTyE">
                        <ul class="nav nav-tabs" role="tablist">

                            <br />
<font size='1'><table class='xdebug-error xe-uncaught-exception' dir='ltr' border='1' cellspacing='0' cellpadding='1'>
<tr><th align='left' bgcolor='#f57900' colspan="5"><span style='background-color: #cc0000; color: #fce94f; font-size: x-large;'>( ! )</span> Fatal error: Uncaught Error: Call to undefined function getSetting() in /home/mohamma2/public_html/subdomains/testing.mohammad.jt.mumara.dev/resources/views/themes/default/user/profile.blade.php on line <i>330</i></th></tr>
<tr><th align='left' bgcolor='#f57900' colspan="5"><span style='background-color: #cc0000; color: #fce94f; font-size: x-large;'>( ! )</span> Error: Call to undefined function getSetting() in /home/mohamma2/public_html/subdomains/testing.mohammad.jt.mumara.dev/resources/views/themes/default/user/profile.blade.php on line <i>330</i></th></tr>
<tr><th align='left' bgcolor='#e9b96e' colspan='5'>Call Stack</th></tr>
<tr><th align='center' bgcolor='#eeeeec'>#</th><th align='left' bgcolor='#eeeeec'>Time</th><th align='left' bgcolor='#eeeeec'>Memory</th><th align='left' bgcolor='#eeeeec'>Function</th><th align='left' bgcolor='#eeeeec'>Location</th></tr>
<tr><td bgcolor='#eeeeec' align='center'>1</td><td bgcolor='#eeeeec' align='center'>0.0008</td><td bgcolor='#eeeeec' align='right'>492824</td><td bgcolor='#eeeeec'>{main}(  )</td><td title='/home/mohamma2/public_html/subdomains/testing.mohammad.jt.mumara.dev/resources/views/themes/default/user/profile.blade.php' bgcolor='#eeeeec'>.../profile.blade.php<b>:</b>0</td></tr>
</table></font>