@extends('layouts.app')
@section('content')
<div class="container">
  <div class="az-content-body d-flex flex-column" style="padding: 0px 40px;">
    <div class="az-dashboard-one-title">
      <div>
        <h2 class="az-dashboard-title">Edit Profile</h2>
        <p class="az-dashboard-text">Name, Email, Contact</p>
      </div>
    </div>
    <div class="table-responsive">
      <form action="{{ url('/') }}/settings/profile-edit" method="POST">
      @csrf
      <table class="table table-striped mg-b-0">
        <tbody>
          <tr>
            <td style="padding: 10px;"><b>ID</b></td>
            <td>#{{ $profile->id }}</td>
            <td><b>Name</b></td>
            <td><input type="text" class="form-control" name="name" placeholder="Name" required value="{{ $profile->name }}" /></td>
          </tr>
          <tr>
            <td style="padding: 10px;"><b>Email</b></td>
            <td><input type="email" readonly class="form-control" name="email" value="{{ $profile->email }}" /></td>
            <td><b>Phone</b></td>
            <td><input type="text" readonly class="form-control" name="phone" value="{{ $profile->phone }}" /></td>
          </tr>
          <tr>
            <td><b>Old Password</b></td>
            <td><input type="password" class="form-control" name="old_password" placeholder="Old Password" value="" /></td>
            <td><b>New Password</b></td>
            <td><input type="password" class="form-control" name="new_password" placeholder="New Password" value="" /></td>
          </tr>
        </tbody>
      </table>
      <button class="btn btn-primary" type="submit">Save</button>
      @if ($errors->any())
        <div class="alert alert-danger">
          <ul>
            @foreach ($errors->all() as $error)
              <li>{{ $error }}</li>
            @endforeach
          </ul>
        </div>
      @endif
      @if (\Session::has('warning'))
        <div class="alert alert-danger p-0 mt-1">
          {!! \Session::get('warning') !!}
        </div>
      @endif
      </form>
    </div>

    <div class="ht-40"></div>

    <div class="az-footer mg-t-auto">
      <div class="container">
        <span class="text-muted d-block text-center text-sm-left d-sm-inline-block">Copyright © travelogy india {{ date("Y") }}</span>
      </div><!-- container -->
    </div><!-- az-footer -->
  </div><!-- az-content-body -->
</div><!-- container -->
@endsection