@extends('layouts.main')
@push('title')
<title>profile</title>  
@endpush
@section('main-section')

<div id="home" class="bg-inner low-back-gradient-inner">
    <div class="text-con-inner low-back-up">
      <div class="container">
        <div class="row">
          <div class="lead col-lg-12 col-xm-12 text-center">
            <h1><span class="top-heading-inner">MY ACCOUNT</span> </h1>
            <div class="list-o-i white">
              <p class="white no-p">Unlock your financial potential and pave your path to prosperity through smart investments and strategic decisions. Explore opportunities and embark on your journey to financial freedom today.</p>
              <div class="pagenation_links"><a href="/" class="yellow">Home</a><i> </i> / My Account </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>

{{-- @component('components.breadcrumbs')
<a href="/">Home</a>
<i class="fa fa-chevron-right breadcrumb-separator"></i>
<span>My profile</span>
@endcomponent --}}

<div class="container">
    @if (session()->has('success_message'))
        <div class="alert alert-success">
            {{ session()->get('success_message') }}
        </div>
    @endif

    @if(count($errors) > 0)
        <div class="alert alert-danger">
            <ul>
                @foreach ($errors->all() as $error)
                    <li>{{ $error }}</li>
                @endforeach
            </ul>
        </div>
    @endif
</div>

<!-- Login  -->
<div class="login_register_area">
    <div class="container">
      <div class="row">
        <div class="log-in-r text-center">
          <div class="tab_one"> 
            <!-- Nav tabs -->
            <ul class="nav nav-tabs" role="tablist">
              <li role="presentation" class="active"><a href="#t-one-first" aria-controls="t-one-first" role="tab" data-toggle="tab" aria-expanded="true">My Profile</a></li>
              <li role="presentation" class=""><a href="#t-one-second" aria-controls="t-one-second" role="tab" data-toggle="tab" aria-expanded="false">My Orders</a></li>
            </ul>
            
            <!-- Tab panes -->
            <div class="tab-content">
              <div class="tab-pane fade active in" id="t-one-first">
                <div class="tab_login_register">
                    <form action="{{ route('users.update') }}" class="login" method="POST">
                        @method('patch')
                        @csrf

                    <div class="form-group">
                        <input id="name" class="form-control" type="text" name="name" value="{{ old('name', $user->name) }}" placeholder="Name" required>
                    </div>
                    <div class="form-group">
                      <input id="email" class="form-control" type="email" name="email" value="{{ old('email', $user->email) }}" placeholder="Email" required>
                    </div>
                    <div class="form-group">
                        <div>Leave password blank to keep current password</div>
                        <input id="password" class="form-control" type="password" name="password" placeholder="Password">
                    </div>
                    <div class="form-group">
                        <input class="form-control" id="password-confirm" type="password" name="password_confirmation" placeholder="Confirm Password">
                    </div>
                    <div class="form-group">
                      {{-- <button class="btn btn-login">LOG IN</button> --}}
                      <button type="submit" class="my-profile-button btn btn-login">Update Profile</button>
                    </div>
                  </form>
                </div>
              </div>
              <div class="tab-pane fade" id="t-one-second">
                {{-- <div class="tab_login_register">
                  <form class="login">
                    <div class="form-group">
                      <input type="text" class="form-control" placeholder="NAME">
                    </div>
                    <div class="form-group">
                      <input type="text" class="form-control" placeholder="EMAIL">
                    </div>
                    <div class="form-group">
                      <input type="text" class="form-control" placeholder="USERNAME">
                    </div>
                    <div class="form-group">
                      <input type="text" class="form-control" placeholder="PHONE">
                    </div>
                    <div class="form-group">
                      <input type="text" class="form-control" placeholder="CHOOSE PASSWORD">
                    </div>
                    <div class="form-group">
                      <input type="text" class="form-control" placeholder="CONFIRM PASSWORD">
                    </div>
                    <div class="form-group">
                      <button class="btn btn-login">REGISTER</button>
                    </div>
                  </form>
                </div> --}}
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <!-- End Login --> 

  
 




{{-- <div class="products-section container">
    <div class="sidebar">

        <ul>
          <li class="active"><a href="{{ route('users.edit') }}">My Profile</a></li>
          <li><a href="{{ route('order.index') }}">My Orders</a></li>
        </ul>
    </div> <!-- end sidebar -->
    <div class="my-profile">
        <div class="products-header">
            <h1 class="stylish-heading">My Profile</h1>
        </div>

        <div>
            <form action="{{ route('users.update') }}" method="POST">
                @method('patch')
                @csrf
                <div class="form-group">
                    <input id="name" class="form-control" type="text" name="name" value="{{ old('name', $user->name) }}" placeholder="Name" required>
                </div>
                <div class="form-group">
                    <input id="email" class="form-control" type="email" name="email" value="{{ old('email', $user->email) }}" placeholder="Email" required>
                </div>
                <div class="form-group">
                    <div>Leave password blank to keep current password</div>
                    <input id="password" class="form-control" type="password" name="password" placeholder="Password">
                    
                </div>
                <div class="form-group">
                    <input class="form-control" id="password-confirm" type="password" name="password_confirmation" placeholder="Confirm Password">
                </div>
                <div>
                    <button type="submit" class="my-profile-button">Update Profile</button>
                </div>
            </form>
        </div>

        <div class="spacer"></div>
    </div>
</div> --}}
{{-- <div class="m-bottom-40 m-top-40">
<div class="container d-cart-block " >
    <div class="multi-columns-row ">
        <div class="products-header justify-center">
            <h1 class="">My Profile</h1>
        </div>
        <div class="col-sm-4">
            <div class="sidebar">
                <ul>
                    <a href="{{ route('users.edit') }}" style="color:#ff0000;font-weight:600"><li class="active list-sidebar">My Profile</li></a>
                  <a href="{{ route('order.index') }}"> <li class="list-sidebar">My Orders</li></a>
                </ul>
            </div> 
            <ul>
                <li class="active contact-info-title "><a class="my-profile-button" href="{{ route('users.edit') }}">My Profile</a></li>
                <li class="contact-info-title my-profile-button"><a class="my-profile-button" href="{{ route('order.index') }}">My Orders</a></li>
              </ul>
        </div>
    </div>
</div>
</div> --}}
@endsection