@extends('admin.layouts.index')
@section('css')
<link href="{{asset('admin2/css/plugins/footable/footable.core.css')}}" rel="stylesheet">
@endsection
@section('title')
<title>Admin - Profile | CS-Design</title>
@endsection
@section('content')
<div class="row wrapper border-bottom white-bg page-heading">
    <div class="col-lg-10">
        <h2>@lang('profile')</h2>
        <ol class="breadcrumb">
            <li>
                <a href="/home">@lang('home')</a>
            </li>
            @if (isset($my_profile))
            <li class="">
                <strong>@lang('profile')</strong>
            </li>
            @endif
            @if (isset($my_profile_edit))
            <li>
                <a href="/admin/profile">@lang('profile')</a>
            </li>
            <li class="active">
                <strong>@lang('edit-my-prfile')</strong>
            </li>
            @endif
            @if(isset($edit_password))
            <li >
                <a href="/admin/profile">@lang('profile')</a>
            </li>
            <li class="active">
                <strong>@lang('edit-password')</strong>
            </li>
            @endif
        </ol>
    </div>
    <div class="col-lg-2">
    </div>
</div>
@if(session()->has('error'))
<div class="alert alert-danger" style="margin-top:20px">
    {{session()->get('error')}}
</div>
@endif
@if(session()->has('success'))
<div class="alert alert-success" style="margin-top:20px">
    {{session()->get('success')}}
</div>
@endif
<div class="wrapper wrapper-content">
    <div class="row animated fadeInRight" style="display:flex;justify-content: center;">
        <div class="col-md-9">
            <div class="ibox float-e-margins">
                <div class="ibox-title">
                    <h3>@lang('profile')</h3>
                </div>
                <div>
                    @if (isset($my_profile))
                    <div class="ibox-content no-padding border-left-right"
                        style="display: flex; justify-content:center; ">

                        @if($my_profile->avatar)
                            <div class="ibox-content text-center">
                                <h1>{{$my_profile->name}}  </h1>
                                    <div class="m-b-sm">
                                    <img alt="image" class="img-responsive" width="200px;"
                                    src="{{$my_profile->avatar}}" style="margin-top:20px">
                                    </div>
                                </div>
                            </div>
                        @else
                        @if (Auth::user()->id=='1')
                        <h2>Nothing here</h2>
                        @else
                        <a href="/admin/profile/edit">
                            Upload Image Here
                        </a>
                        @endif
                        @endif
                    </div>
                    <div class="ibox-content profile-content ">
                        <h3>
                        @lang('name'):
                        </h3>
                        <p>{{$my_profile->name}}</p>
                        <h3>
                        @lang('about-me'):
                        </h3>
                        <p>
                            {{$my_profile->about_me}}
                        </p>
                        <h3>
                        @lang('phone'):
                        </h3>
                        <p>
                            {{$my_profile->phone_number}}
                        </p>
                        <h3>
                        @lang('email'):
                        </h3>
                        <p>
                            {{$my_profile->email}}
                        </p>
                        <p>
                            <a href="/admin/profile/change-password">
                            @lang('change-pass')
                            </a>
                        </p>
                        <div class="user-button">
                            <div class="row">
                                <!-- <div class="col-md-6">
                                    <button type="button" class="btn btn-primary btn-sm btn-block"><i
                                            class="fa fa-envelope"></i> Send massage</button>
                                </div> -->
                                @if(Auth::user()->id==$my_profile->id)
                                <div class="col-md-12">
                                    <a href="/admin/profile/edit">
                                        <button type="button" class="btn btn-default btn-sm btn-block"><i
                                                class="fa fa-pencil"></i>@lang('edit-my-prfile')</button></a>
                                </div>
                                @endif
                            </div>
                        </div>
                        @endif
                        @if (isset($my_profile_edit))
                        @if($my_profile_edit->avatar)
                        <div class="ibox-content no-padding border-left-right"
                            style="display: flex; justify-content: center;">
                            <div class="ibox-content text-center">
                                <h1>{{$my_profile_edit->name}}  </h1>
                                    <div class="m-b-sm">
                                    <img alt="image" class="img-responsive" width="200px;"
                                    src="{{$my_profile_edit->avatar}}" style="margin-top:20px">
                                    </div>
                                </div>
                            </div>
                        @else
                        <div class="ibox-content no-padding border-left-right"
                            style="display: flex; justify-content: center;">
                            Upload Image To See It
                        </div>
                        @endif
                        <div class="ibox-content profile-content">
                            <form action="/admin/profile/update" method="POST" class="form-horizontal"
                                enctype="multipart/form-data">
                                @csrf
                                <div class="hr-line-dashed"></div>
                                <div class="form-group"><label class="col-sm-2 control-label">@lang('avt')</label>
                                    <div class="col-sm-10"> <input type="file" id="avatar" class="form-control"
                                            name="avatar">
                                    </div>
                                </div>
                                <div class="form-group"><label class="col-sm-2 control-label">@lang('name')</label>
                                    <div class="col-sm-10"><input type="text" class="form-control" name="name"
                                            value="{{$my_profile_edit->name}}"></div>
                                </div>

                                <div class="form-group"> <label class="col-sm-2 control-label">@lang('about-me')</label>
                                    <div class="col-sm-10">
                                        <textarea class="form-control" name="about_me" id="detail" required
                                            rows="5"> {{$my_profile_edit->about_me}}</textarea>
                                    </div>
                                </div>
                                <div class="form-group"><label class="col-sm-2 control-label">@lang('phone')</label>
                                    <div class="col-sm-10"><input type="text" class="form-control" name="phone_number"
                                            value="{{$my_profile_edit->phone_number}}"></div>
                                </div>
                                <div class="form-group"><label class="col-sm-2 control-label">@lang('email')</label>
                                    <div class="col-sm-10">
                                        <p style="margin-top: 7px;">{{$my_profile_edit->email}}</p>
                                    </div>
                                </div>
                                <div class="hr-line-dashed"></div>
                                <div class="form-group" style="display: flex; justify-content: center;">
                                    <button class="btn btn-primary" type="submit">@lang('edit-my-prfile')</button>
                                </div>
                            </form>
                            @endif
                            @if(isset($edit_password))
                            <div class="ibox-content no-padding border-left-right"
                                style="display: flex; justify-content: center;">
                                @if($errors->any())
                                <div class="alert alert-danger" style="margin-top:20px">
                                    <ul class="list-group">
                                        @foreach($errors->all() as $error)
                                        <li class="list-group-item">
                                            {{ $error }}
                                        </li>
                                        @endforeach
                                    </ul>
                                </div>
                                @endif
                                @if(session()->has('success'))
                                <div class="alert alert-success" style="margin-top:20px">
                                    {{session()->get('success')}}
                                </div>
                                @endif
                            </div>
                            <div class="ibox-content no-padding border-left-right"
                                style="display: flex; justify-content: center;">
                                <div class="ibox-content text-center">
                                <h1>{{$edit_password->name}}  </h1>
                                    <div class="m-b-sm">
                                    <img alt="image" class="img-responsive" width="200px;"
                                    src="{{$edit_password->avatar}}" style="margin-top:20px">
                                    </div>
                                </div>
                            </div>
                            </div>
                            <div class="ibox-content profile-content" style="
                                padding-left: 20%;
                                padding-right: 20%;
                            ">
                                <form action="/admin/profile/update-password" method="POST" class="form-horizontal">
                                    @csrf
                                    <div class="form-group{{ $errors->has('current-password') ? ' has-error' : '' }}">
                                        <div class="col-md-12">
                                            <input id="current-password" type="password" class="form-control"
                                                name="current-password" placeholder="@lang('cr-pass')" required>

                                            @if ($errors->has('current-password'))
                                            <span class="help-block">
                                                <strong>{{ $errors->first('current-password') }}</strong>
                                            </span>
                                            @endif
                                        </div>
                                    </div>
                                    <div class="form-group{{ $errors->has('new-password') ? ' has-error' : '' }}">

                                        <div class="col-md-12">
                                            <input id="new-password" type="password" class="form-control"
                                                name="new-password" placeholder="@lang('new-pass')" required>

                                            @if ($errors->has('new-password'))
                                            <span class="help-block">
                                                <strong>{{ $errors->first('new-password') }}</strong>
                                            </span>
                                            @endif
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <div class="col-md-12">
                                            <input id="new-password-confirm" type="password" class="form-control"
                                                name="new-password_confirmation"
                                                placeholder="@lang('confirm-pass')" required>
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <div class="col-md-12" style="display: flex; justify-content: center;">
                                            <button type="submit" class="btn btn-primary">
                                            @lang('change-pass')
                                            </button>
                                        </div>
                                    </div>
                                </form>
                                @endif
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        @endsection
        @section('js')

        <script src="{{asset('admin2/js/admin/jquery-3.1.1.min.js')}}"></script>
            <script src="{{asset('admin2/js/admin/bootstrap.min.js')}}"></script>
            <script src="{{asset('admin2/js/admin/plugins/metisMenu/jquery.metisMenu.js')}}"></script>
            <script src="{{asset('admin2/js/admin/plugins/slimscroll/jquery.slimscroll.min.js')}}"></script>
            <!-- FooTable -->
            <!-- Custom and plugin javascript -->
            <script src="{{asset('admin2/js/admin/inspinia.js')}}"></script>
            <script src="{{asset('admin2/js/admin/plugins/pace/pace.min.js')}}"></script>
            <!-- Page-Level Scripts -->
            <script>
                $(document).ready(function () {
                    $('.footable').footable();
                    $('.footable2').footable();
                });
            </script>
        @endsection