@extends('layouts.app')

@section('content')




 <!-- Register-section -->
    <section class="loginSec Registersec" style="background-image: url('{{asset('frontend/assets/img/register.jpg')}}');">
      <div class="container h-100">
        <div class="row justify-content-center h-100">
          <div class="col-lg-10 col-md-10 col-12 h-100 align-items-center d-flex flex-column justify-content-center">
            <div class="head p-4 text-center">
             <h2>Update Profile</h2>
            </div>
            
            <form novalidate class="form-signin" method="post" action="{{ route('post.updateprofile') }}" id="updateForm">
                  {{ csrf_field() }}
                  {{ method_field('patch') }}
            <div class="iDologin Register">
              <div class="iDoinput text-left">

                  <div class="form-row">
                    <div class="form-group col-md-12 mt">
                      <label class="mb-3">Your Name & Title</label>
                    </div>
                    <div class="form-group col-md-12">    
                      <select class="custom-select @error('title') is-invalid @enderror" name="title" id="title" required>
                       <option value="">--- Select Title ---</option>
                        @foreach ($titles as $value)
                          <option value="{{ $value }}" name="title" {{($value == $user->title) ? 'selected' :''}}>{{ $value }}</option>
                        @endforeach
                      </select>
                      @error('title')
                        <span class="invalid-feedback" role="alert">
                          <strong>{{ $message }}</strong>
                        </span>
                      @enderror
                    </div>
   
                    <div class="form-group col-md-6">
                      <input type="text" class="form-control @error('first_name') is-invalid @enderror" name="first_name" id="first_name"  placeholder="First Name" value ="{{ $user->first_name }}" required>
                      @error('first_name')
                        <span class="invalid-feedback" role="alert">
                          <strong>{{ $message }}</strong>
                        </span>
                      @enderror
                    </div>
                    <div class="form-group col-md-6">
                      <input type="text" class="form-control @error('last_name') is-invalid @enderror" name="last_name" placeholder="Last Name"  id="last_name" value ="{{ $user->last_name }}" required>
                    </div>
                    @error('last_name')
                        <span class="invalid-feedback" role="alert">
                          <strong>{{ $message }}</strong>
                        </span>
                    @enderror
                  </div>

                  <div class="form-row">
                    <div class="form-group col-md-12 mt">
                      <label> Contact Details </label>
                    </div>
                    <div class="form-group col-md-6">
                      <input type="text" class="form-control @error('street') is-invalid @enderror" name="street" 
                          placeholder="Street"  required id="street" value ="{{ $user->street }}">
                      @error('street')
                        <span class="invalid-feedback" role="alert">
                          <strong>{{ $message }}</strong>
                        </span>
                      @enderror
                    </div>
                    <div class="form-group col-md-6">
                      <input type="text" class="form-control @error('city') is-invalid @enderror" name="city" 
                          placeholder="City" required id="city" value ="{{ $user->city }}">
                    @error('city')
                        <span class="invalid-feedback" role="alert">
                          <strong>{{ $message }}</strong>
                        </span>
                    @enderror
                    </div>
                    <div class="form-group col-md-6">
                      <select class="custom-select-country @error('country_id') is-invalid @enderror"  name="country_id" id="country_id" required >
                       <option value="">--- Select Country ---</option>
                            @foreach ($countries as $country)
                                <option value="{{ $country->id }}" name="country_id" {{($country->id == $user->country_id) ? 'selected' :''}}>{{ $country->name }}</option>
                            @endforeach
                      </select>
                      @error('country_id')
                        <span class="invalid-feedback" role="alert">
                          <strong>{{ $message }}</strong>
                        </span>
                      @enderror
                    </div>
                    <div class="form-group col-md-6">
                      <input type="text" class="form-control @error('postcode') is-invalid @enderror" name="postcode" 
                          placeholder="Postcode" id="postcode" value ="{{ $user->postcode }}" required>
                      @error('postcode')
                        <span class="invalid-feedback" role="alert">
                          <strong>{{ $message }}</strong>
                        </span>
                      @enderror
                    </div>
                    <div class="form-group col-md-6">
                     <input type="number" class="form-control @error('phone') is-invalid @enderror" name="phone" id="phone" 
                          placeholder="Phone" value ="{{ $user->phone }}" required>
                      @error('phone')
                        <span class="invalid-feedback" role="alert">
                          <strong>{{ $message }}</strong>
                        </span>
                      @enderror
                    </div>
                    <div class="form-group col-md-6">
                      <input type="number" class="form-control @error('mobile') is-invalid @enderror" name="mobile" id="mobile" placeholder="Mobile" value ="{{ $user->mobile }}">
                      @error('mobile')
                        <span class="invalid-feedback" role="alert">
                          <strong>{{ $message }}</strong>
                        </span>
                      @enderror
                    </div>
                  </div>

                  <div class="form-row">
                    <div class="form-group col-md-12 mt">
                      <label> About Yourself </label>
                    </div>
                    <div class="form-group col-md-12">
                      <textarea  name="summary" class="form-control @error('summary') is-invalid @enderror" id="summary" required>{{ $user->summary }}</textarea>
                      @error('summary')
                        <span class="invalid-feedback" role="alert">
                          <strong>{{ $message }}</strong>
                        </span>
                      @enderror
                    </div>
                   
                  </div>
                <button class="btn mt-4 custom-btn" type="submit">UPDATE <span class="longarrow">⟶</span></button>
              </div>
            </div>
          </form>
          </div>
        </div>
      </div>
    </section>

@endsection