mastercut/resources/views/pages/admin/setting/account.blade.php

324 lines
22 KiB
PHP

@extends('layouts.admin')
@section('styles')
<link rel="stylesheet" href="{{ asset('assets/admin/css/vendors/flatpickr/flatpickr.min.css') }}">
<link rel="stylesheet" href="{{ asset('assets/admin/css/vendors/select2.css') }}">
<link rel="stylesheet" href="{{ asset('assets/admin/css/weak-password.css') }}">
<link rEL="stylesheet" href="{{ asset('assets/admin/css/icon-password.css') }}">
</link>
@endsection
@section('app')
<div class="container-fluid">
<div class="edit-profile">
<div class="row">
<div class="col-xl-4">
<div class="card">
<div class="card-body">
<form action="{{ route('setting.account.updatePassword', encryptId($profile->id)) }}"
method="post">
@csrf
@method('put')
<div class="row mb-2">
<div class="profile-title">
<div class="media profile-media-md">
<img alt="image"
src="{{ optional($profile->attachments()->where('type', 'avatar')->first())->formatted_attachment ? Storage::url('users/' . optional($profile->attachments()->where('type', 'avatar')->first())->formatted_attachment) : '' }}">
<div class="media-body">
<h5 class="mb-1">{{ $profile->biography->full_name ?? '' }}</h5>
<p>{{ $profile->role->name ?? '' }}</p>
</div>
</div>
</div>
</div>
<div class="mb-3">
<label class="form-label" for="current_password">Kata Sandi Saat Ini</label>
<input name="current_password"
class="form-control @error('current_password') is-invalid @enderror" type="password"
id="current_password" placeholder="********">
@error('current_password')
<div class="invalid-feedback">
{{ $message }}
</div>
@enderror
</div>
<div class="mb-3">
<label class="form-label" for="new_password">Kata Sandi Baru</label>
<div class="password-wrapper">
<input name="new_password"
class="form-control @error('new_password') is-invalid @enderror" type="password"
id="new_password" placeholder="********"
pattern="(?=.*\d)(?=.*[a-z])(?=.*[A-Z]).{8,}"
title="Harus berisi setidaknya satu angka dan satu huruf besar dan kecil, dan setidaknya 8 karakter atau lebih">
</div>
<div role="alert" id="new_password_message" style="display: none">
<p style="font-weight: bold;" class="mt-3"> Kata Sandi harus
terdiri
dari: </p>
<p id="length" class="invalid"> Minimal <b> 8
karakter
</b> </p>
<p id="letter" class="invalid"> Huruf <b> kecil
(a-z)</b> </p>
<p id="capital" class="invalid"> Huruf <b> KAPITAL
(A-Z)</b></p>
<p id="number" class="invalid"> <b>Angka</b>(0-9)
</p>
<p id="symbol" class="invalid">
<b>Symbol</b>(!$#%@)
</p>
</div>
@error('new_password')
<div class="invalid-feedback">
{{ $message }}
</div>
@enderror
</div>
<div class="mb-3">
<label class="form-label" for="repeat_new_password">Ulangi Kata Sandi Saat Baru</label>
<div class="password-wrapper">
<input name="repeat_new_password"
class="form-control @error('repeat_new_password') is-invalid @enderror"
type="password" id="repeat_new_password" placeholder="********"
pattern="(?=.*\d)(?=.*[a-z])(?=.*[A-Z]).{8,}"
title="Harus berisi setidaknya satu angka dan satu huruf besar dan kecil, dan setidaknya 8 karakter atau lebih">
</div>
@error('repeat_new_password')
<div class="invalid-feedback">
{{ $message }}
</div>
@enderror
<div id="feedback" class="mt-2" style="display: none;">
<div id="repeat_password_message"></div>
</div>
</div>
<div class="mb-3">
<button class="btn btn-primary button-disable" type="submit">Simpan</button>
</div>
</form>
</div>
</div>
</div>
<div class="col-xl-8">
<form class="card" action="{{ route('setting.account.updateProfile', encryptId($profile->id)) }}"
method="post" enctype="multipart/form-data">
@csrf
@method('put')
<div class="card-body">
<div class="row">
<div class="col-md-6">
<div class="mb-3">
<label class="form-label" for="full_name">Nama Lengkap</label>
<input name="full_name"
class="form-control @error('full_name') is-invalid @enderror" type="text"
placeholder="Masukan Nama Lengkap"
value="{{ old('full_name', $profile->biography->full_name) }}" id="full_name"
@disabled(auth()->user()->role_id !== 1 && auth()->user()->role_id !== 2)>
@error('full_name')
<div class="invalid-feedback">
{{ $message }}
</div>
@enderror
</div>
</div>
<div class="col-md-6">
<div class="mb-3">
<label class="form-label" for="username">Nama Pengguna</label>
<input name="username"
class="form-control @error('username') is-invalid @enderror" type="text"
placeholder="Masukan Nama Pengguna"
value="{{ old('username', $profile->username) }}" id="username"
@disabled(auth()->user()->role_id !== 1 && auth()->user()->role_id !== 2)>
@error('username')
<div class="invalid-feedback">
{{ $message }}
</div>
@enderror
</div>
</div>
<div class="col-md-6">
<div class="mb-3">
<label class="form-label" for="email">Email</label>
<input name="email" class="form-control @error('email') is-invalid @enderror"
type="text" placeholder="Masukan Email"
value="{{ old('email', $profile->email) }}" id="email"
@disabled(auth()->user()->role_id !== 1 && auth()->user()->role_id !== 2)>
@error('email')
<div class="invalid-feedback">
{{ $message }}
</div>
@enderror
</div>
</div>
<div class="col-md-6">
<div class="mb-3">
<label class="form-label" for="contact_number">Kontak
<span class="form-span"><i>(format : 08xxxxxxxx)</i></span>
</label>
<input name="contact_number"
class="form-control @error('contact_number') is-invalid @enderror"
type="text" placeholder="Masukan Kontak"
value="{{ old('contact_number', $profile->biography->contact_number) }}"
id="contact_number" @disabled(auth()->user()->role_id !== 1 && auth()->user()->role_id !== 2)>
@error('contact_number')
<div class="invalid-feedback">
{{ $message }}
</div>
@enderror
</div>
</div>
<div class="col-md-6">
<div class="mb-3">
<label class="form-label" for="pob">Tempat Lahir</label>
<input name="pob" class="form-control @error('pob') is-invalid @enderror"
type="text" placeholder="Masukan Tempat Lahir"
value="{{ old('pob', $profile->biography->pob) }}" id="pob"
@disabled(auth()->user()->role_id !== 1 && auth()->user()->role_id !== 2)>
@error('pob')
<div class="invalid-feedback">
{{ $message }}
</div>
@enderror
</div>
</div>
<div class="col-md-6">
<div class="mb-3">
<label class="form-label" for="dob">Tanggal Lahir</label>
<div class="input-group flatpicker-calender">
<input name="dob"
class="form-control @error('dob') is-invalid @enderror human-friendly"
type="date" placeholder="Masukan Tanggal Lahir"
value="{{ old('dob', $profile->biography->dob) }}" id="dob"
@disabled(auth()->user()->role_id !== 1 && auth()->user()->role_id !== 2)>
</div>
@error('dob')
<div class="invalid-feedback">
{{ $message }}
</div>
@enderror
</div>
</div>
<div class="col-md-6">
<div class="mb-3">
<label class="form-label" for="entry_date">Tanggal Bekerja</label>
<input name="entry_date"
class="form-control @error('entry_date') is-invalid @enderror" type="text"
placeholder="Masukan Tanggal Bekerja"
value="{{ old('entry_date', formatDateIndo($profile->entry_date)) }}"
id="entry_date" disabled>
@error('entry_date')
<div class="invalid-feedback">
{{ $message }}
</div>
@enderror
</div>
</div>
<div class="col-md-6">
<div class="mb-3">
<label class="form-label" for="base_salary">Gaji Pokok</label>
<input name="base_salary"
class="form-control @error('base_salary') is-invalid @enderror"
type="text" placeholder="Masukan Gaji Pokok"
value="{{ old('base_salary', formatToRupiah($profile->base_salary)) }}"
id="base_salary" disabled>
@error('base_salary')
<div class="invalid-feedback">
{{ $message }}
</div>
@enderror
</div>
</div>
<div class="col-md-6">
<div class="mb-3">
<label class="form-label" for="sop">SOP</label>
<textarea name="sop" class="form-control @error('sop') is-invalid @enderror" id="sop" rows="3"
placeholder="Masukan SOP" disabled>{{ old('sop', $profile->sop) }}</textarea>
@error('sop')
<div class="invalid-feedback">
{{ $message }}
</div>
@enderror
</div>
</div>
<div class="col-md-6">
<div class="mb-3">
<label class="form-label" for="address">Alamat</label>
<textarea name="address" class="form-control @error('address') is-invalid @enderror" id="address" rows="3"
placeholder="Masukan Alamat" @disabled(auth()->user()->role_id !== 1 && auth()->user()->role_id !== 2)>{{ old('address', $profile->biography->address) }}</textarea>
@error('address')
<div class="invalid-feedback">
{{ $message }}
</div>
@enderror
</div>
</div>
<div class="col-md-6">
<div class="mb-3">
<label class="form-label" for="avatar">Avatar
<span class="form-span"><i>(.jpeg,.png,.jpg,.gif,.svg)</i></span>
</label>
<input name="avatar" class="form-control @error('avatar') is-invalid @enderror"
id="avatar" type="file" value="{{ old('avatar') }}"
accept="image/jpeg,image/png,image/jpg,image/gif,image/svg"
@disabled(auth()->user()->role_id !== 1 && auth()->user()->role_id !== 2)>
@error('avatar')
<div class="invalid-feedback">
{{ $message }}
</div>
@enderror
</div>
</div>
<div class="col-md-6">
<div class="mb-3">
<label class="form-label" for="gender">Jenis Kelamin
</label>
<select name="gender"
class="form-control @error('gender') is-invalid @enderror select2"
id="gender" @disabled(auth()->user()->role_id !== 1 && auth()->user()->role_id !== 2)>
<option value=""></option>
<option value="1" @selected($profile->biography->gender == '1')>Laki-laki</option>
<option value="2" @selected($profile->biography->gender == '2')>Perempuan</option>
</select>
@error('gender')
<div class="invalid-feedback">
{{ $message }}
</div>
@enderror
</div>
</div>
<div class="col-md-12">
<div class="mb-3">
<label class="form-label" for="role">Role</label>
<input name="role" class="form-control @error('role') is-invalid @enderror"
type="text" placeholder="Masukan Role"
value="{{ old('role', $profile->role->name) }}" id="role" disabled>
@error('role')
<div class="invalid-feedback">
{{ $message }}
</div>
@enderror
</div>
</div>
@if (auth()->user()->role_id === 1 || auth()->user()->role_id === 2)
<div class="col-md-12">
<button class="btn btn-primary button-disable" type="submit">Simpan</button>
</div>
@endif
</div>
</div>
</form>
</div>
</div>
</div>
</div>
@endsection
@section('beforeScripts')
<script src="{{ asset('assets/admin/js/flat-pickr/flatpickr.js?ver=1.0.0') }}"></script>
<script src="{{ asset('assets/admin/js/flat-pickr/custom-flatpickr.js?ver=1.0.0') }}"></script>
@endsection
@section('afterScripts')
<script src="{{ asset('assets/js/forms/button-disable.js?ver=1.0.0') }}"></script>
<script src="{{ asset('assets/admin/js/select2/select2.js') }}"></script>
<script src="{{ asset('assets/admin/js/select2/select2-config.js?ver=1.0.0') }}"></script>
<script src="{{ asset('assets/js/forms/weak-password.js?ver=1.0.0') }}"></script>
<script src="{{ asset('assets/js/forms/toggle-password-icon.js?ver=1.0.0') }}"></script>
@endsection