@extends('layouts.app')
@section('title_and_meta')
    <title>Update Account | Wishours</title>
    <meta name="description" content="User Orders" />
    <meta name="keywords" content="User Orders" />
@endsection
@section('content')
   <nav aria-label="breadcrumb" class="breadcrumb-nav">
                <div class="container">
                    <ol class="breadcrumb">
                        <li class="breadcrumb-item"><a href="{{ url('/') }}"><i class="icon-home"></i></a></li>
                        <li class="breadcrumb-item" aria-current="page">Dashboard</li>
                        <li class="breadcrumb-item active" aria-current="page">Update Account</li>
                    </ol>
                </div><!-- End .container -->
            </nav>

            <div class="container">
                <div class="row">
                    <div class="col-lg-9 order-lg-last dashboard-content">
                        @if($errors->any())
                        {!! implode('', $errors->all('<div class="alert alert-danger">:message</div>')) !!}
                        @endif
                        @if (session('success'))
                        <div class="alert alert-success alert-dismissible fade show" role="alert">
                            {{ session('success') }}
                            <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                              <span aria-hidden="true">&times;</span>
                            </button>
                          </div>
                       @endif
                    
                       @if (session('error'))
                       <div class="alert alert-danger alert-dismissible fade show" role="alert">
                           {{ session('error') }}
                           <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                             <span aria-hidden="true">&times;</span>
                           </button>
                         </div>
                      @endif
                         <div class="card">
                            <div class="card-header">Update Account</div>
                            <div class="card-body">
                               
                        
                                <form action="{{ url('/user/profile') }}" method="post" id="acc_update">
                                    {{ csrf_field() }}
                                 <div class="row">
                                    <div class="col-md-6">
                                     <div class="form-group required-field">
                                        <label for="name">Name</label>
                                        <input type="text" class="form-control" id="aname" name="name" required="" value="{{ $userDetails->name }}">
                                      </div><!-- End .form-group -->
                                      <div class="form-group required-field">
                                        <label for="email">Email</label>
                                        <input type="email" class="form-control" id="email" name="email" required="" value="{{ $userDetails->email }}">
                                      </div><!-- End .form-group -->
        
                                       <div class="form-group required-field">
                                        <label for="phone">Mobile</label>
                                        <input type="tel" class="form-control" id="phone" name="phone" required="" value="{{ $userDetails->phone }}">
                                      </div><!-- End .form-group -->
                                         <div class="form-group required-field">
                                        <label for="address">Address</label>
                                        <input type="text" class="form-control" id="address" name="address" required="" value="{{ $userDetails->address }}">
                                      </div><!-- End .form-group -->
                                    </div><!-- End .col-md-6 -->
                                    <div class="col-md-6">
                                       <div class="form-group required-field">
                                        <label for="city">City</label>
                                        <input type="text" class="form-control" id="city" name="city" required="" value="{{ $userDetails->city }}">
                                      </div><!-- End .form-group -->
                                      <div class="form-group required-field">
                                        <label for="state">State</label>
                                        <input type="text" class="form-control" id="state" name="state" required="" value="{{ $userDetails->state }}">
                                      </div><!-- End .form-group -->
                                      <div class="form-group required-field">
                                        <label for="acc-name" >Country</label>
                                        <select class="form-control" name="country">
                                            <option value="">--Select Country--</option>
                                            @foreach($countries as $country)
                                              <option value="{{ $country->country_name }}" @if($country->country_name==$userDetails->country) selected @endif>{{ $country->country_name }}</option>
                                            @endforeach
                                        </select>
                                      </div><!-- End .form-group -->
                                      <div class="form-group required-field">
                                        <label for="pincode">Pincode</label>
                                        <input type="text" class="form-control" id="pincode" name="pincode" required="" value="{{ $userDetails->pincode }}">
                                      </div><!-- End .form-group -->
                                    </div>
                                 </div><!-- End .row -->
                                  <div class="required text-right">* Required Field</div>
                                    <div class="form-footer">
                                        <a href="#"><i class="icon-angle-double-left"></i>Back</a>
        
                                        <div class="form-footer-right">
                                            <button type="submit" class="btn btn-primary">Save</button>
                                        </div>
                                    </div><!-- End .form-footer -->
                                </form>

                            </div>
                         </div>

                    </div><!-- End .col-lg-9 -->

                     @include('partials.sidebar')
                </div><!-- End .row -->
            </div><!-- End .container -->

           
@endsection