fix:changes viewa and layouts
This commit is contained in:
@@ -1,9 +1,6 @@
|
||||
@extends('layouts.app')
|
||||
|
||||
@php
|
||||
use App\Enums\UserGender;
|
||||
use App\Enums\UserMaritalStatus;
|
||||
@endphp
|
||||
|
||||
@section('content')
|
||||
<main class="main">
|
||||
<div class="site-breadcrumb" style="background: url({{asset('assets/img/breadcrumb/02.jpg')}})">
|
||||
@@ -27,7 +24,7 @@
|
||||
<form action="{{route('auth.register.post')}}"
|
||||
method="POST"
|
||||
enctype="multipart/form-data"
|
||||
>
|
||||
>
|
||||
@csrf
|
||||
|
||||
<div class="form-group">
|
||||
@@ -55,7 +52,7 @@
|
||||
name="last_name"
|
||||
class="form-control"
|
||||
value="{{old('last_name')}}"
|
||||
placeholder="اسم شما">
|
||||
placeholder="نام خانوادگی شما">
|
||||
<i class="far fa-user"></i>
|
||||
</div>
|
||||
<!-- ERROR -->
|
||||
@@ -92,18 +89,18 @@
|
||||
>
|
||||
<option value="">جنسیت خود را انتخاب کنید</option>
|
||||
|
||||
<option value="{{ UserGender::MALE->value }}"
|
||||
{{ old('gender') == UserGender::MALE->value ? 'selected' : '' }}>
|
||||
<option value="{{ \App\Enums\UserGender::MALE->value }}"
|
||||
@selected(old('gender') == \App\Enums\UserGender::MALE->value && old('gender') !== null) >
|
||||
مرد
|
||||
</option>
|
||||
|
||||
<option value="{{ UserGender::FEMALE->value }}"
|
||||
{{ old('gender') == UserGender::FEMALE->value ? 'selected' : '' }}>
|
||||
<option value="{{ \App\Enums\UserGender::FEMALE->value }}"
|
||||
@selected(old('gender') == \App\Enums\UserGender::FEMALE->value && old('gender') !== null)>
|
||||
زن
|
||||
</option>
|
||||
|
||||
<option value="{{ UserGender::UNKNOWN->value }}"
|
||||
{{ old('gender') == UserGender::UNKNOWN->value ? 'selected' : '' }}>
|
||||
<option value="{{ \App\Enums\UserGender::UNKNOWN->value }}"
|
||||
@selected(old('gender') == \App\Enums\UserGender::UNKNOWN->value && old('gender') !== null)>
|
||||
نامشخص
|
||||
</option>
|
||||
</select>
|
||||
@@ -129,18 +126,18 @@
|
||||
>
|
||||
<option value="">وضعیت تأهل خود را انتخاب کنید</option>
|
||||
|
||||
<option value="{{ UserMaritalStatus::SINGLE->value }}"
|
||||
{{ old('marital_status') == UserMaritalStatus::SINGLE->value ? 'selected' : '' }}>
|
||||
<option value="{{\App\Enums\UserMaritalStatus::SINGLE->value }}"
|
||||
@selected(old('marital_status') == \App\Enums\UserMaritalStatus::SINGLE->value && old('gender') !== null)>
|
||||
مجرد
|
||||
</option>
|
||||
|
||||
<option value="{{ UserMaritalStatus::MARRIED->value }}"
|
||||
{{ old('marital_status') == UserMaritalStatus::MARRIED->value ? 'selected' : '' }}>
|
||||
<option value="{{\App\Enums\UserMaritalStatus::MARRIED->value }}"
|
||||
@selected(old('marital_status') == \App\Enums\UserMaritalStatus::SINGLE->value && old('gender') !== null)>
|
||||
متأهل
|
||||
</option>
|
||||
|
||||
<option value="{{ UserMaritalStatus::SEPARATED->value }}"
|
||||
{{ old('marital_status') == UserMaritalStatus::SEPARATED->value ? 'selected' : '' }}>
|
||||
<option value="{{ \App\Enums\UserMaritalStatus::SEPARATED->value }}"
|
||||
@selected(old('marital_status') == \App\Enums\UserMaritalStatus::SINGLE->value && old('gender') !== null)>
|
||||
متارکه
|
||||
</option>
|
||||
</select>
|
||||
@@ -186,8 +183,6 @@
|
||||
<span style="color: red">{{ $message }}</span>
|
||||
@enderror
|
||||
</div>
|
||||
|
||||
|
||||
<div class="form-group">
|
||||
<label>آدرس ایمیل</label>
|
||||
<div class="form-group-icon">
|
||||
@@ -203,7 +198,6 @@
|
||||
<span style="color: red">{{ $message }}</span>
|
||||
@enderror
|
||||
</div>
|
||||
|
||||
<div class="form-group">
|
||||
<label>تصویر پروفایل
|
||||
(اختیاری)
|
||||
@@ -274,8 +268,6 @@
|
||||
<span style="color: red">{{ $message }}</span>
|
||||
@enderror
|
||||
</div>
|
||||
|
||||
{{-- استان --}}
|
||||
<div class="form-group">
|
||||
<label>
|
||||
استان
|
||||
@@ -285,13 +277,8 @@
|
||||
<select name="province_id"
|
||||
id="province_id"
|
||||
class="form-control">
|
||||
|
||||
<option value="">استان خود را انتخاب کنید</option>
|
||||
|
||||
{{-- بعداً استانها را از دیتابیس میآوریم --}}
|
||||
|
||||
</select>
|
||||
<i class="far fa-map-marker"></i>
|
||||
</div>
|
||||
|
||||
@error('province_id')
|
||||
@@ -299,8 +286,6 @@
|
||||
@enderror
|
||||
</div>
|
||||
|
||||
|
||||
{{-- شهرستان --}}
|
||||
<div class="form-group">
|
||||
<label>
|
||||
شهرستان
|
||||
@@ -339,3 +324,78 @@
|
||||
|
||||
</main>
|
||||
@endsection
|
||||
|
||||
<script>
|
||||
document.addEventListener('DOMContentLoaded', function () {
|
||||
|
||||
const provinceSelect = document.getElementById('province_id');
|
||||
const citySelect = document.getElementById('city_id');
|
||||
|
||||
fetch('{{ asset('assets/data/iran-cities.json') }}')
|
||||
.then(response => response.json())
|
||||
.then(data => {
|
||||
|
||||
const provinces = [];
|
||||
|
||||
data.forEach(item => {
|
||||
|
||||
const exists = provinces.some(
|
||||
province => province.id === item.provinceId
|
||||
);
|
||||
|
||||
if (!exists) {
|
||||
provinces.push({
|
||||
id: item.provinceId,
|
||||
name: item.provinceName
|
||||
});
|
||||
}
|
||||
});
|
||||
|
||||
provinces.forEach(province => {
|
||||
|
||||
provinceSelect.innerHTML += `
|
||||
<option value="${province.id}">
|
||||
${province.name}
|
||||
</option>
|
||||
`;
|
||||
|
||||
});
|
||||
|
||||
|
||||
provinceSelect.addEventListener('change', function () {
|
||||
|
||||
citySelect.innerHTML = `
|
||||
<option value="">
|
||||
شهر خود را انتخاب کنید
|
||||
</option>
|
||||
`;
|
||||
|
||||
const provinceId = this.value;
|
||||
|
||||
if (!provinceId) {
|
||||
return;
|
||||
}
|
||||
|
||||
const cities = data.filter(
|
||||
item => item.provinceId === provinceId
|
||||
);
|
||||
|
||||
cities.forEach(city => {
|
||||
|
||||
citySelect.innerHTML += `
|
||||
<option value="${city.cityId}">
|
||||
${city.cityName}
|
||||
</option>
|
||||
`;
|
||||
|
||||
});
|
||||
|
||||
});
|
||||
|
||||
})
|
||||
.catch(error => {
|
||||
console.error('Error loading cities:', error);
|
||||
});
|
||||
|
||||
});
|
||||
</script>
|
||||
|
||||
Reference in New Issue
Block a user