@extends('layouts.app')

@section('content')
<section class="fdb-block">
    <form id="app" method="post" action="{{ action('PoMController@updateUser') }}" data-parsley-validate="">
      @csrf
      <div class="container">
        <div class="row align-items-center">
          <div class="col-12 col-md-6 col-lg-5">
            <div class="row justify-content-end">
              <div class="col">
                  <div class="row">
                    <div class="col">
                      <h1 class="text-center">Kemaskini maklumat anda</h1>
                    </div>
                  </div>
                  <div class="row mt-4">
                    <div class="col-12 col-md mt-4 mt-md-0">
                      <label class="required">No Telefon</label>
                      <input name="phone_no" type="text" class="form-control" value="{{ $user->mobile_no }}"
                      data-parsley-trigger="change"
                      data-parsley-pattern="^(6?0)[0|1|2|3|4|6|7|8|9]{1,2}[0-9]{7,8}$"
                      data-parsley-error-message="Pastikan bilangan angka mencukupi dan cuma mengandungi angka"
                      required>
                    </div>
                  </div>
                  <div class="row mt-4">
                    <div class="col">
                      <label class="required">Alamat Surat Menyurat</label>
                      <input name="address" type="text" class="form-control" value="{{ implode(' ', [ $user->address1, $user->address2, $user->postcode, $user->city, $user->state ] ) }}"
                      data-parsley-trigger="change"
                      data-parsley-pattern="^[a-zA-Z0-9\s\/\'\.\,\-\@\(\)\&]+"
                      required>
                    </div>
                  </div>
                  <div class="row mt-4">
                    <div class="col">
                      <label class="required">E-mail</label>
                      <input name='email' type="email" class="form-control" value="{{ $user->email }}"
                      data-parsley-trigger="change"
                      required>
                    </div>
                  </div>
                  <div class="row mt-4">
                    <div class="col">
                      <button type="submit" class="btn btn-secondary">Kemaskini</button>
                    </div>
                  </div>
              </div>
            </div>
          </div>
          <div class="col">
            <img alt="image" class="img-fluid" src="{{asset('/images/pom/formkemaskini2.png')}}">
          </div>
        </div>
      </div>
    </form>
  </section>
@endsection