feat: complete tour in admin side
This commit is contained in:
@@ -1,17 +1,264 @@
|
||||
@extends('admin.layouts.app')
|
||||
@section('breadcrumb')<div><h1 class="page-title fw-medium fs-18 mb-1">درج تور</h1><span class="text-muted fs-12">فیلدهای مورد نیاز سفر</span></div>@endsection
|
||||
@section('content')<div class="container-fluid pt-4">@include('admin.partials.errors')<form action="{{ isset($tour) ? route('admin.tours.update',$tour) : route('admin.tours.store') }}" method="POST" enctype="multipart/form-data">@csrf @if(false) @method('PUT') @endif
|
||||
<div class="row g-3"><div class="col-xl-8"><div class="card custom-card"><div class="card-header"><div class="card-title">اطلاعات تور</div></div><div class="card-body"><div class="row gy-3">
|
||||
<div class="col-md-6"><label class="form-label">عنوان سفر *</label><input class="form-control" name="title" value="{{ old('title',$tour->title ?? '') }}" required></div>
|
||||
<div class="col-md-6"><label class="form-label">مدت تور (روز) *</label><input type="number" min="1" class="form-control" name="duration" value="{{ old('duration',$tour->duration ?? '') }}" required></div>
|
||||
<div class="col-md-6"><label class="form-label">مبدأ *</label><input class="form-control" name="origin" value="{{ old('origin',$tour->origin ?? '') }}" required></div>
|
||||
<div class="col-md-6"><label class="form-label">مقصد *</label><input class="form-control" name="destination" value="{{ old('destination',$tour->destination ?? '') }}" required></div>
|
||||
<div class="col-md-6"><label class="form-label">قیمت پایه</label><input type="number" min="0" class="form-control" name="price" value="{{ old('price',$tour->price ?? '') }}"></div>
|
||||
<div class="col-md-6"><label class="form-label">وضعیت</label><select class="form-control" name="status"><option value="1" @selected((string)old('status',$tour->status ?? 1)==='1')>فعال</option><option value="0" @selected((string)old('status',$tour->status ?? 1)==='0')>غیرفعال</option></select></div>
|
||||
<div class="col-12"><label class="form-label">خلاصه تور *</label><textarea class="form-control" name="summary" rows="3" required>{{ old('summary',$tour->summary ?? '') }}</textarea></div>
|
||||
<div class="col-12"><label class="form-label">توضیحات *</label><textarea class="form-control" name="descriptions" rows="7" required>{{ old('descriptions',$tour->descriptions ?? '') }}</textarea></div>
|
||||
</div></div></div></div><div class="col-xl-4"><div class="card custom-card"><div class="card-header"><div class="card-title">تصویر تور</div></div><div class="card-body"><input type="file" class="form-control" name="image" accept="image/*"><small class="text-muted d-block mt-2">تصویر اختیاری است.</small></div></div></div></div>
|
||||
<div class="card custom-card mt-3"><div class="card-footer d-flex justify-content-end gap-2"><a href="{{ route('admin.tours.index') }}" class="btn btn-light">انصراف</a><button class="btn btn-primary">{{ isset($tour) ? 'ذخیره تغییرات' : 'ثبت تور' }}</button></div></div></form>
|
||||
@if(false)<div class="card custom-card mt-3"><div class="card-header d-flex justify-content-between align-items-center"><div class="card-title mb-0">تاریخ‌های تور</div></div><div class="card-body"><form method="POST" action="{{ route('admin.tour-dates.store',$tour) }}">@csrf<div class="row g-2"><div class="col-md-3"><input class="form-control jalali-date" name="start_date_jalali" placeholder="شروع شمسی" required></div><div class="col-md-3"><input class="form-control jalali-date" name="end_date_jalali" placeholder="پایان شمسی" required></div><div class="col-md-2"><input type="number" min="0" class="form-control" name="price" placeholder="قیمت" required></div><div class="col-md-2"><input type="number" min="1" class="form-control" name="capacity" placeholder="ظرفیت" required></div><div class="col-md-2"><button class="btn btn-primary w-100">افزودن تاریخ</button></div></div></form><hr><div class="table-responsive"><table class="table text-nowrap"><thead><tr><th>شروع</th><th>پایان</th><th>قیمت</th><th>ظرفیت</th><th>وضعیت</th><th></th></tr></thead><tbody>@forelse(($tour->tourDates ?? []) as $date)<tr><td>{{ $date->start_date->toJalali()->format('Y/m/d') }}</td><td>{{ $date->end_date->toJalali()->format('Y/m/d') }}</td><td>{{ number_format($date->price) }}</td><td>{{ $date->capacity }}</td><td>{{ $date->status ? 'فعال':'غیرفعال' }}</td><td><form method="POST" action="{{ route('admin.tour-dates.destroy',$date) }}" onsubmit="return confirm('حذف تاریخ تور؟')">@csrf @method('DELETE')<button class="btn btn-danger-light btn-sm">حذف</button></form></td></tr>@empty<tr><td colspan="6" class="text-center text-muted">تاریخی برای این تور ثبت نشده است.</td></tr>@endforelse</tbody></table></div></div></div>@endif
|
||||
</div>@endsection
|
||||
@push('scripts')<script>$(function(){ if($.fn.persianDatepicker){ $('.jalali-date').persianDatepicker({format:'YYYY/MM/DD',autoClose:true}); }});</script>@endpush
|
||||
|
||||
@section('content')
|
||||
<div class="main-content app-content">
|
||||
<div class="container-fluid pt-4">
|
||||
|
||||
<div class="row">
|
||||
<div class="col-xl-12">
|
||||
|
||||
<form action="{{ route('admin.tours.store') }}" method="POST" enctype="multipart/form-data">
|
||||
|
||||
@csrf
|
||||
|
||||
@error('general')
|
||||
<span class="text-danger">{{ $message }}</span>
|
||||
@enderror
|
||||
|
||||
<div class="card custom-card">
|
||||
|
||||
<div class="card-header">
|
||||
<div class="card-title">
|
||||
ایجاد تور
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="card-body pt-0">
|
||||
|
||||
<div class="row gy-3">
|
||||
|
||||
<!-- Title -->
|
||||
<div class="col-xl-6">
|
||||
<label class="form-label">عنوان تور</label>
|
||||
|
||||
<input
|
||||
type="text"
|
||||
class="form-control"
|
||||
name="title"
|
||||
placeholder="عنوان تور را وارد کنید"
|
||||
value="{{ old('title') }}"
|
||||
>
|
||||
|
||||
@error('title')
|
||||
<span class="text-danger">{{ $message }}</span>
|
||||
@enderror
|
||||
</div>
|
||||
|
||||
|
||||
<!-- Origin -->
|
||||
<div class="col-xl-6">
|
||||
<label class="form-label">مبدأ</label>
|
||||
|
||||
<input
|
||||
type="text"
|
||||
class="form-control"
|
||||
name="origin"
|
||||
placeholder="مبدأ تور را وارد کنید"
|
||||
value="{{ old('origin') }}"
|
||||
>
|
||||
|
||||
@error('origin')
|
||||
<span class="text-danger">{{ $message }}</span>
|
||||
@enderror
|
||||
</div>
|
||||
|
||||
|
||||
<!-- Destination -->
|
||||
<div class="col-xl-6">
|
||||
<label class="form-label">مقصد</label>
|
||||
|
||||
<input
|
||||
type="text"
|
||||
class="form-control"
|
||||
name="destination"
|
||||
placeholder="مقصد تور را وارد کنید"
|
||||
value="{{ old('destination') }}"
|
||||
>
|
||||
|
||||
@error('destination')
|
||||
<span class="text-danger">{{ $message }}</span>
|
||||
@enderror
|
||||
</div>
|
||||
|
||||
<!-- Departure Time -->
|
||||
<div class="col-xl-6">
|
||||
<label class="form-label">تاریخ و زمان حرکت</label>
|
||||
|
||||
<input
|
||||
type="text"
|
||||
class="form-control"
|
||||
name="departure_time_jalali"
|
||||
id="departure_time_jalali"
|
||||
data-jdp
|
||||
data-jdp-target-value-input="#departure_time_gregorian"
|
||||
data-jdp-target-value-type="gregorian"
|
||||
autocomplete="off"
|
||||
placeholder="مثلاً 1403/05/29 14:30"
|
||||
value="{{ old('departure_time_jalali') }}"
|
||||
>
|
||||
|
||||
<input
|
||||
type="hidden"
|
||||
name="departure_time"
|
||||
id="departure_time_gregorian"
|
||||
value="{{ old('departure_time') }}"
|
||||
>
|
||||
|
||||
@error('departure_time')
|
||||
<span class="text-danger">{{ $message }}</span>
|
||||
@enderror
|
||||
</div>
|
||||
|
||||
<!-- Duration -->
|
||||
<div class="col-xl-6">
|
||||
<label class="form-label">مدت تور</label>
|
||||
|
||||
<input
|
||||
type="number"
|
||||
class="form-control"
|
||||
name="duration"
|
||||
placeholder="مدت تور را وارد کنید"
|
||||
value="{{ old('duration') }}"
|
||||
>
|
||||
|
||||
@error('duration')
|
||||
<span class="text-danger">{{ $message }}</span>
|
||||
@enderror
|
||||
</div>
|
||||
|
||||
|
||||
<!-- Price -->
|
||||
<div class="col-xl-6">
|
||||
<label class="form-label">قیمت</label>
|
||||
|
||||
<input
|
||||
type="number"
|
||||
class="form-control"
|
||||
name="price"
|
||||
placeholder="قیمت تور را وارد کنید"
|
||||
value="{{ old('price') }}"
|
||||
>
|
||||
|
||||
@error('price')
|
||||
<span class="text-danger">{{ $message }}</span>
|
||||
@enderror
|
||||
</div>
|
||||
|
||||
|
||||
<!-- Status -->
|
||||
<div class="col-xl-6">
|
||||
<label class="form-label">وضعیت</label>
|
||||
|
||||
<select class="form-control" name="status">
|
||||
|
||||
<option
|
||||
value="0"
|
||||
@selected(old('status') == '0')
|
||||
>
|
||||
غیرفعال
|
||||
</option>
|
||||
|
||||
<option
|
||||
value="1"
|
||||
@selected(old('status', '1') == '1')
|
||||
>
|
||||
فعال
|
||||
</option>
|
||||
|
||||
</select>
|
||||
|
||||
@error('status')
|
||||
<span class="text-danger">{{ $message }}</span>
|
||||
@enderror
|
||||
</div>
|
||||
|
||||
|
||||
<!-- Summary -->
|
||||
<div class="col-xl-12">
|
||||
<label class="form-label">خلاصه</label>
|
||||
|
||||
<input
|
||||
type="text"
|
||||
class="form-control"
|
||||
name="summary"
|
||||
placeholder="خلاصه‌ای از تور"
|
||||
value="{{ old('summary') }}"
|
||||
>
|
||||
|
||||
@error('summary')
|
||||
<span class="text-danger">{{ $message }}</span>
|
||||
@enderror
|
||||
</div>
|
||||
|
||||
|
||||
<!-- Description -->
|
||||
<div class="col-xl-12">
|
||||
<label class="form-label">توضیحات</label>
|
||||
|
||||
<textarea
|
||||
class="form-control"
|
||||
name="description"
|
||||
rows="4"
|
||||
placeholder="توضیحات تور را وارد کنید"
|
||||
>{{ old('description') }}</textarea>
|
||||
|
||||
@error('description')
|
||||
<span class="text-danger">{{ $message }}</span>
|
||||
@enderror
|
||||
</div>
|
||||
|
||||
|
||||
<!-- Image -->
|
||||
<div class="col-xl-12">
|
||||
|
||||
<label class="form-label">تصویر تور</label>
|
||||
|
||||
<input
|
||||
type="file"
|
||||
class="form-control"
|
||||
name="image"
|
||||
accept=".jpg,.jpeg,.png,.webp"
|
||||
>
|
||||
|
||||
@error('image')
|
||||
<span class="text-danger">{{ $message }}</span>
|
||||
@enderror
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="card-footer text-end">
|
||||
|
||||
<button type="submit" class="btn btn-primary">
|
||||
ایجاد تور
|
||||
</button>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</form>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<link rel="stylesheet" href="https://unpkg.com/@majidh1/jalalidatepicker/dist/jalalidatepicker.min.css">
|
||||
<script src="https://unpkg.com/@majidh1/jalalidatepicker/dist/jalalidatepicker.min.js"></script>
|
||||
|
||||
<script>
|
||||
jalaliDatepicker.startWatch({
|
||||
date: true,
|
||||
time: true,
|
||||
hasSecond: false,
|
||||
targetValueInput: 'attr',
|
||||
targetValueType: 'attr',
|
||||
minDate: 'today'
|
||||
});
|
||||
</script>
|
||||
@endsection
|
||||
|
||||
Reference in New Issue
Block a user