@extends('front.index')

@section('meta_title'){{$user->name}}  @endsection
@section('meta_des'){{$user->name}}   @endsection
@section('meta_key'){{$user->name}}   @endsection

@section('content')

    <section class="profile">
        <div class="container">
{{--            <div class="alert alert-success"><i class="fa fa-check"></i> تم تغيير البيانات بنجاح</div>--}}
            <div class="row">
                <div class="col-sm-3 profile-ed">
                    <nav class="profile-link">
                    @include('front.profile.nav-profile')
                    </nav>
                </div>
                <div class="col-sm-9 profile-ed">
                    <form action="{{route('front.profile.update')}}" method="post" accept-charset="UTF-8" enctype="multipart/form-data">
                        {!! csrf_field() !!}
                        <input type="hidden" name="id" value="{{$user->id}}">
                        <div class="dataprofile">
                            <h3 class="titlebold"> @lang('front.MyProfile')</h3>
                            <div class="row">


                                <div class="col-sm-6 inpudata">
                                    <label>{{trans('front.name')}}<em>*</em></label>
                                    <input class="form-control" type="text" value="{{$user->name}}"  name="name" required placeholder="{{trans('front.name')}}">
                                </div>

                                <div class="col-sm-6 inpudata">
                                    <label>{{trans('front.email')}}<em>*</em></label>
                                    <input class="form-control" type="email" name="email"  value="{{$user->email}}"  required placeholder="{{trans('front.email')}}">
                                </div>
                                <div class="col-sm-6 inpudata">
                                    <label>{{trans('front.mobile')}}<em>*</em></label>
                                    <input class="form-control" type="text" name="mobile" value="{{$user->mobile}}"   required placeholder="{{trans('front.mobile')}}">
                                </div>
                                <div class="col-sm-6 inpudata">
                                    <label>{{trans('front.address')}}<em>*</em></label>
                                    <input class="form-control" type="text" name="address"  value="{{$user->address}}"  required placeholder="{{trans('front.address')}}">
                                </div>
                                <div class="col-sm-6 inpudata">
                                    <style>

                                        .btn.red:not(.btn-outline) {
                                            color: #fff;
                                            background-color: #e7505a;
                                            border-color: #e7505a;
                                        }
                                        .btn.default:not(.btn-outline) {
                                            color: #666;
                                            background-color: #e1e5ec;
                                            border-color: #e1e5ec;
                                        }
                                    </style>
                                    <script type="text/javascript">


                                        $("a[data-dismiss='fileinput']").on("click",function(){
                                            $("input[name='rmv_image']").attr("value","true");
                                            $("input[name='image']").attr("value","");
                                        });


                                    </script>
                                    <label class="col-sm-2 control-label">{{trans('front.image')}}</label>
                                    <div class="col-md-2">
                                        <div class="fileinput @if($user->image) fileinput-exists @else fileinput-new @endif" data-provides="fileinput">
                                            <div class="input-group input-large">

                                                <div class="fileinput-preview fileinput-exists thumbnail" style="max-width: 200px; max-height: 150px;">
                                                    <img class="fileinput-filename" src="{{url('uploads/clients/'.$user->image)}}"style="max-width: 200px; max-height: 100px;" alt="" />
                                                </div>

                                                <div>
                                            <span class="btn default btn-file">
                                                <span class="fileinput-new">  </span>
                                                <span class="fileinput-exists">  {{trans('front.change')}} </span>
                                                <input type="file"   name="image"       value="{{$user->image}}">


                                            </span>

                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>


                            </div>
                            <button class="bottom" type="submit">{{trans('front.save')}}</button>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </section>
@endsection