@extends('layouts.admin.index')

@section('content')
<div id="main-wrapper">
  <!-- Sidebar -->
  @include('layouts.admin.sidebar')
  <div class="page-wrapper">
    <!--  Header -->
    @include('layouts.admin.header')

    <div class="body-wrapper">
      <div class="container-fluid">
        <div class="card w-100">
          <div class="card-body">
            <h3 class="mb-4">{{ $model->id ? 'Edit' : 'Tambah' }} {{ 'Profil Pengguna' }}</h3>
            <form role="form" action="{{ route('profile.store') }}" method="post" enctype="multipart/form-data">
              <div class="mb-3 fv-row d-flex flex-column">
                <label class="form-label" for="avatar">Avatar</label>
                @if($model->avatar)
                  <img src="{{ asset('storage/profile/'.$model->avatar) }}" style="max-width: 200px" class="mb-2"/>
                @endif
                <input type="file" class="form-control" name="avatar" id="avatar" />
                @error('avatar')
                <div class="invalid-feedback d-block">
                  {{ $message }}
                </div>
                @enderror
              </div>
              <div class="mb-3 fv-row">
                <label class="form-label" for="name">Nama Lengkap</label>
                <input class="form-control" type="text" id="name" name="name" value="{{ old('name', $model->name) }}" placeholder="Nama Lengkap"/>
                @error('name')
                  <div class="invalid-feedback d-block">
                    {{ $message }}
                  </div>
                @enderror
              </div>
              <div class="mb-3 fv-row">
                <label class="form-label" for="username">Username</label>
                <input class="form-control" type="text" id="username" name="username" value="{{ old('username', $model->username) }}" placeholder="Username"/>
                @error('username')
                  <div class="invalid-feedback d-block">
                    {{ $message }}
                  </div>
                @enderror
              </div>
              <div class="mb-3 fv-row">
                <label class="form-label" for="email">Email</label>
                <input class="form-control" type="email" id="email" name="email" value="{{ old('email', $model->email) }}" placeholder="Email"/>
                @error('email')
                <div class="invalid-feedback d-block">
                  {{ $message }}
                </div>
                @enderror
              </div>
              <div class="mb-3 fv-row">
                <label class="form-label" for="phone">No. Telepon/Handphone/Whatsapp</label>
                <input class="form-control" type="text" id="phone" name="phone" value="{{ old('phone', $model->phone) }}" placeholder="No. Telepon"/>
                @error('phone')
                <div class="invalid-feedback d-block">
                  {{ $message }}
                </div>
                @enderror
              </div>
              <input type="hidden" name="id" value="{{ $model->id }}" />
              {{ csrf_field() }}
              <div class="d-flex w-100 justify-content-end">
                <button class="btn btn-primary"><i class="ti ti-device-floppy me-2"></i>Simpan</button>
              </div>
            </form>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
@endsection