@extends('user_layout')

@section('content')
<!-- Content Header (Page header) -->
<!-- Main content -->
<!-- Content Header (Page header) -->
<div class="content-header">
</div>
<!-- /.content-header -->

<section class="content">
      <div class="container-fluid">
        <div class="row">
          <div class="col-md-12">
  <div class="card">
    <div class="card-header">
      <div class="row">
        <div class="col-md-12">
          <h3>My Profile</h3>
        </div>
      </div>
    </div>
      <div class="card-body">
    <div class="tab-content">
      <div class="tab-pane active" id="settings">
  <form class="form-horizontal" id="profile_form"  name="profile_form">
    <input type="hidden" class="form-control" id="id" name="id" value="{{$profileInfo->id}}">
    <div class="form-group row">
      <label for="firstname" class="col-sm-2 col-form-label">First Name</label>
      <div class="col-sm-10">
        <input type="text" class="form-control" name="firstname" id="firstname" placeholder="Name" value="{{$profileInfo->firstname}}">
      </div>
    </div>

    <div class="form-group row">
      <label for="lastname" class="col-sm-2 col-form-label">Last Name</label>
      <div class="col-sm-10">
        <input type="text" class="form-control" name="lastname" id="lastname" placeholder="Last Name" value="{{$profileInfo->lastname}}">
      </div>
    </div>

    <div class="form-group row">
      <label for="inputEmail" class="col-sm-2 col-form-label">Email</label>
      <div class="col-sm-10">
        <input type="email" class="form-control" name="email" id="email" placeholder="Email"  value="{{$profileInfo->email}}">
      </div>
    </div>

    <div class="form-group row" style="display:none;">
      <label for="lastname" class="col-sm-2 col-form-label">Role</label>
      <div class="col-sm-10">
        <select  class="form-control" name="role" id="role">
          <option value="admin">Admin</option>
          <option value="user">User</option>
        </select>
      </div>
    </div>


    <div class="form-group row">
      <label for="inputEmail" class="col-sm-2 col-form-label">Password</label>
      <div class="col-sm-10">
        <label for="inputEmail" class="col-sm-8 col-form-label">******&nbsp;&nbsp;&nbsp;&nbsp;<a href="javascript:void(0)" data-toggle="modal" data-target="#change_password_dialog" class="btn btn-info btn-xs">Change Password</a></label>
      </div>
    </div>

    <div class="form-group row">
      <label for="timezone" class="col-sm-2 col-form-label">Time Zone</label>
      <div class="col-sm-10">
        <select class="form-control" name="timezone" id="timezone">
            @foreach($tzlist as $tzlist)
            <option selected=selected value="{{$tzlist['zone']}}">{{$tzlist['diff_from_GMT'] . ' - ' . $tzlist['zone']}}</option>
            @endForeach
        </select>
      </div>
    </div>


    <div class="form-group row">
      <div class="offset-sm-2 col-sm-10">
        <button type="button" class="btn btn-sm btn-info" id="update-profile">Update</button>
      </div>
    </div>
  </form>
      </div>
      <!-- /.tab-pane -->
    </div>
    <!-- /.tab-content -->
  </div><!-- /.card-body -->
</div>
<!-- /.nav-tabs-custom -->
</div>
          <!-- /.col -->
        </div>
        <!-- /.row -->
      </div><!-- /.container-fluid -->
      <div class="modal" id="change_password_dialog" style="">

      </div>

    </section>

<!-- /.content -->
<!-- Script Files -->
@include('layouts.scripts')
<!-- End Scripts -->
@endsection