@extends('marketer::layouts.layout')
@push('header')
    <!-- Header -->
    <div class="header pb-6 d-flex align-items-center" style="min-height: 500px; background-image: url({{asset('vendor/dashboard/img/theme/profile-cover.jpg')}}); background-size: cover; background-position: center top;">
      <!-- Mask -->
      <span class="mask bg-gradient-default opacity-8"></span>
      <!-- Header container -->
      <div class="container-fluid d-flex align-items-center">
        <div class="row">
          <div class="col-lg-7 col-md-10">
            <h1 class="display-2 text-white">@lang('main.hello') {{$user->name}}</h1>
{{--            <p class="text-white mt-0 mb-5">This is your profile page. You can see the progress you've made with your work and manage your projects or assigned tasks</p>--}}
{{--            <button type="button" onclick="profileUserUpdate.submit()" class="btn btn-neutral">@lang('dashboard::dashboard.edit_profile')</button>--}}
          </div>
        </div>
      </div>
    </div>
@endpush
@section('content')
    <!-- Page content -->
    <div class="row">
        <div class="col-xl-4 order-xl-2">
            <div class="card card-profile">
                <img src="{{asset('vendor/dashboard/img/theme/img-1-1000x600.jpg')}}" alt="Image placeholder" class="card-img-top">
                <div class="row justify-content-center">
                    <div class="col-lg-3 order-lg-2">
                        <div class="card-profile-image">
                            <a href="#">
                                <img src="{{asset('vendor/dashboard/img/theme/team-4.jpg')}}" class="rounded-circle">
                            </a>
                        </div>
                    </div>
                </div>
                <div class="card-header text-center border-0 pt-8 pt-md-4 pb-0 pb-md-4">
                    <div class="d-flex justify-content-between">
                        <a href="#" class="btn btn-sm btn-info  mr-4 ">Connect</a>
                        <a href="#" class="btn btn-sm btn-default float-right">Message</a>
                    </div>
                </div>
                <div class="card-body pt-0">
                    <div class="row">
                        <div class="col">
                            <div class="card-profile-stats d-flex justify-content-center">
                                <div>
{{--                                    <span class="heading">22</span>--}}
                                    <span class="description">Orders</span>
                                </div>
                                <div>
{{--                                    <span class="heading">10</span>--}}
                                    <span class="description">Transactions</span>
                                </div>
                                <div>
{{--                                    <span class="heading">89</span>--}}
                                    <span class="description">Customers</span>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="text-center">
                        <h5 class="h3">
                            {{ $user->name }}
{{--                            <span class="font-weight-light">, 27</span>--}}
                        </h5>
{{--                        <div class="h5 font-weight-300">--}}
{{--                            <i class="ni location_pin mr-2"></i>Bucharest, Romania--}}
{{--                        </div>--}}
{{--                        <div class="h5 mt-4">--}}
{{--                            <i class="ni business_briefcase-24 mr-2"></i>Solution Manager - Creative Tim Officer--}}
{{--                        </div>--}}
{{--                        <div>--}}
{{--                            <i class="ni education_hat mr-2"></i>University of Computer Science--}}
{{--                        </div>--}}
                    </div>
                </div>
            </div>
        </div>
        <div class="col-xl-8 order-xl-1">
            <div class="card">
                <div class="card-header">
                    <div class="row align-items-center">
                        <div class="col-8">
                            <h3 class="mb-0">@lang('main.edit_profile') </h3>
                        </div>
{{--                        <div class="col-4 text-right">--}}
{{--                            <a href="#!" class="btn btn-sm btn-primary">@lang('dashboard::dashboard.settings')</a>--}}
{{--                        </div>--}}
                    </div>
                </div>
                <div class="card-body">
                    <form method="POST" action="{{route('marketer.update_profile',$user)}}" name="profileUserUpdate">
                        @csrf
                        <h6 class="heading-small text-muted mb-4">@lang('dashboard::dashboard.user_information')</h6>
                        <div class="pl-lg-4">
                            <div class="row">
                                <div class="col-lg-6">
                                    <div class="form-group">
                                        <label class="form-control-label" for="input-name">@lang('main.name')</label>
                                        <input type="text" id="input-name" name="name"  class="form-control" placeholder="name" value="{{$user->name}}">
                                    </div>
                                    <x-share.error-message name="name"></x-share.error-message>
                                </div>
                                <div class="col-lg-6">
                                    <div class="form-group">
                                        <label class="form-control-label" for="input-email">@lang('main.email')</label>
                                        <input type="email" name="email" id="input-email" class="form-control" value="{{$user->email}}" placeholder="{{$user->email}}">
                                    </div>
                                    <x-share.error-message name="email"></x-share.error-message>
                                </div>
                                <div class="col-lg-6">
                                    <div class="form-group">
                                        <label class="form-control-label" for="input-password">@lang('main.password')</label>
                                        <input type="password" name="password" id="input-password" class="form-control" >
                                    </div>
                                    <x-share.error-message name="password"></x-share.error-message>
                                </div>
                                <div class="col-lg-6">
                                    <div class="form-group">
                                        <label class="form-control-label" for="input-password_confirmation">@lang('main.password_confirmation')</label>
                                        <input type="password" name="password_confirmation" id="input-password_confirmation" class="form-control">
                                    </div>
                                    <x-share.error-message name="password_confirmation"></x-share.error-message>
                                </div>
                            </div>
                        </div>

                        <button type="button" onclick="profileUserUpdate.submit()" class="btn btn-warning">@lang('main.update')</button>
                    </form>
                </div>
            </div>
        </div>
    </div>
@stop