@extends('reseller.layouts.master')

@section('page_title')
  Profile
@endsection

@push('styles')
  <link rel="stylesheet" href="{{asset('assets/examples/css/pages/profile.min3f0d.css?v2.2.0')}}">
@endpush

@section('page_content')
  <div class="page-content container-fluid">
    <div class="row">
      @include('includes.side_profile')

      <div class="col-md-9">
        <!-- Panel -->
        <div class="panel">
          <div class="panel-body nav-tabs-animate nav-tabs-horizontal">
            <ul class="nav nav-tabs nav-tabs-line" data-plugin="nav-tabs" role="tablist">
              <li class="active" role="presentation"><a data-toggle="tab" href="#profile" aria-controls="activities" role="tab">Profile</a></li>
              <li role="presentation"><a data-toggle="tab" href="#pwd" aria-controls="messages" role="tab">Password</a></li>
              <li class="dropdown" role="presentation" style="display: none;">
                <a class="dropdown-toggle" data-toggle="dropdown" href="#" aria-expanded="false">
                  <span class="caret"></span>Menu </a>
                <ul class="dropdown-menu" role="menu">
                  <li role="presentation" style="display: none;"><a data-toggle="tab" href="#profile" aria-controls="activities" role="tab">Profile</a></li>
                  <li role="presentation"><a data-toggle="tab" href="#pwd" aria-controls="messages" role="tab">Password</a></li>
                </ul>
              </li>
            </ul>

            <div class="tab-content">
              <div class="tab-pane active animation-slide-left" id="profile" role="tabpanel">
                <br />
                <form method="post" id="profile_form" enctype="multipart/form-data">
                  @if(count($errors)>0)
                    <div class="alert alert-danger">
                      <ul>
                        @foreach($errors->all() as $error)
                          <li>{{$error}}</li>
                        @endforeach
                      </ul>
                    </div>
                  @endif
                  @if(session('success'))
                      <div class="alert alert-success">
                        <ul>
                          <li>{{ session('success') }}</li>
                        </ul>
                      </div>
                  @endif
                  @csrf
                  <div class="form-group">
                    <label class="control-label" for="first_name">Username</label>
                    <input type="text" class="form-control round" id="username" name="username" value="{{$user->username}}" disabled="disabled">
                  </div>
                  <div class="form-group">
                    <label class="control-label" for="first_name">First Name</label>
                    <input type="text" class="form-control round" id="first_name" name="first_name" value="{{empty(old('first_name')) ? $user->first_name : old('first_name')}}">
                  </div>
                  <div class="form-group">
                    <label class="control-label" for="last_name">Last Name</label>
                    <input type="text" class="form-control round" id="last_name" name="last_name" value="{{empty(old('last_name')) ? $user->last_name : old('last_name')}}">
                  </div>
                  <div class="form-group">
                    <label class="control-label" for="organisation">Organisation</label>
                    <input type="text" class="form-control round" id="organisation" name="organisation" value="{{empty(old('organisation')) ? $user->organisation : old('organisation')}}">
                  </div>
                  <div class="form-group">
                    <label class="control-label" for="picture">Picture/Logo</label>
                    <input type="file" class="form-control round" id="picture" name="picture">
                  </div>
                  <div class="form-group">
                    <label class="control-label" for="phone_number">Phone Number</label>
                    <input type="text" class="form-control round" id="phone_number" name="phone_number" value="{{empty(old('phone_number')) ? $user->phone_number : old('phone_number')}}">
                  </div>
                  <div class="form-group">
                    <label class="control-label" for="website_url">Website URL</label>
                    <input type="text" class="form-control round" id="website_url" name="website_url" value="{{empty(old('website_url')) ? $user->website_url : old('website_url')}}">
                  </div>
                  <div class="form-group">
                    <input type="submit" name="btnSubmit" class="btn btn-primary btn-block" value="Save Changes">
                  </div>
                </form>
              </div>

              <div class="tab-pane animation-slide-left" id="pwd" role="tabpanel">
                <br />
                <form method="post" id="password_form">
                  @if(count($errors)>0)
                    <div class="alert alert-danger">
                      <ul>
                        @foreach($errors->all() as $error)
                          <li>{{$error}}</li>
                        @endforeach
                      </ul>
                    </div>
                  @endif
                  @if(session('success'))
                    <div class="alert alert-success">
                      <ul>
                        <li>{{ session('success') }}</li>
                      </ul>
                    </div>
                  @endif
                  @csrf
                  <div class="form-group">
                    <label class="control-label" for="current_password">Current Password</label>
                    <input type="password" class="form-control round" id="current_password" name="current_password" value="">
                  </div>
                  <div class="form-group">
                    <label class="control-label" for="new_password">New Password</label>
                    <input type="password" class="form-control round" id="new_password" name="new_password" value="">
                  </div>
                  <div class="form-group">
                    <label class="control-label" for="confirm_password">Confirm New Password</label>
                    <input type="password" class="form-control round" id="confirm_password" name="confirm_password" value="">
                  </div>
                  <div class="form-group">
                    <input type="submit" name="btnPassword" class="btn btn-primary btn-block" value="Update">
                  </div>
                </form>
              </div>
            </div>
          </div>
        </div>
        <!-- End Panel -->
      </div>

    </div>
  </div>
@endsection

@push('scripts')

@endpush