@include('public_area.layouts.header_include')

@include('public_area.layouts.aside_include')

<section>
  <nav>
    <ul>
      <li class="btn">
          <a href="#">
            <i class="md-ripples uil uil-bars" data-pushbar-target="left"></i>
          </a>
      </li>
       <li class="logo">Qucik & Perfect</li>
       {{-- <li class="btn">
            <a href="{{ route('user-main-screen-profile') }}">
              <i class="uil uil-user"></i>
            </a>
        </li> --}}
        {{-- <li class="btn">
            <a href="{{ route('user-logout') }}">
                <i class="uil uil-sign-out-alt"></i>
            </a>
        </li> --}}
    </ul>
  </nav>
</section>



<section> 
  <div class="container-fluid">
    <form method="POST" action="{{ route('update-user-main-screen-change-profile', ['user_id' => @session('user_id')]) }}" class="form-horizontal form-material mx-2">
      @csrf
      <div class="row bg-light mt-2 mb-2 pt-3 pb-3">
        <div class="w-100 pt-3 pb-3 pl-3">
            <h3 class="font-weight-bold">{{$pagename}}</h3>
        </div>
        <div class="col-md-12 ">
          @if(session('success-message'))
            <div class="alert alert-success alert-dismissible fade show text-dark" role="alert">
                <strong>{{ session('success-message') }}</strong>
            </div>  
            @endif
            @if(session('dont-match'))
            <div class="alert alert-danger alert-dismissible fade show text-dark" role="alert">
                <strong>{{ session('dont-match') }}</strong>
            </div>  
          @endif
          <div class="textInputWrapper">
              <label class="font-weight-bold pl-1">Name</label>
              <input type="text" class="form-control" name="name" value="{{ $user_details->name}}">
          </div>
          <div class="textInputWrapper d-none">
              <label class="font-weight-bold pl-1">Username</label>
              <input type="text" class="form-control"  value="{{ $user_details->username}}" readonly>
          </div>
          <div class="textInputWrapper">
              <label class="font-weight-bold pl-1">Email</label>
              <input type="text" class="form-control" name="email" value="{{ $user_details->email}}">
          </div>
          <div class="textInputWrapper">
            <label class="font-weight-bold pl-1">Phone</label>
            <input type="text" class="form-control"  value="{{ $user_details->phone}}" readonly>
          </div>
          <div class="textInputWrapper">
            
            <select name="city" class="form-control form-control-line">
              @foreach($cities as $City)
              @php
              $selected = "";
              if($City->id == $user_details->city)
              {
                  $selected = "selected";
              }
              @endphp
              <option value="{{$City->id}}" {{ $selected }}>{{ $City->city_name }}</option>
              @endforeach
          </select>
          </div>
          
        </div>
        <div class="col-md-12">
          <button type="submit" class="btn btn-primary">Save</button>
        </div>
      </div>  
    </form>
  </div> 
</section>


@include('public_area.layouts.footer_include')