@extends('layouts.back-end.app')
@section('title', translate('city'))
@section('content')
<div class="content container-fluid">
<div class="mb-3">
<h2 class="h1 mb-0 d-flex gap-10">
<img src="{{ dynamicAsset(path: 'public/assets/back-end/img/brand-setup.png') }}" alt="">
{{ translate('city_Setup') }}
</h2>
</div>
<div class="row">
<div class="col-md-12">
<div class="card">
<div class="card-body text-start">
<form action="{{ route('admin.city-store') }}" method="POST">
@csrf
<ul class="nav nav-tabs w-fit-content mb-4">
@foreach($languages as $lang)
<li class="nav-item text-capitalize">
<span
class="nav-link form-system-language-tab cursor-pointer {{ $lang == $defaultLanguage? 'active':''}}"
id="{{ $lang}}-link">
{{ucfirst(getLanguageName($lang)).'('.strtoupper($lang).')'}}
</span>
</li>
@endforeach
</ul>
<div class="row">
<div class="col-lg-6">
<div>
@foreach($languages as $lang)
<div class="form-group {{ $lang != $defaultLanguage ? 'd-none':''}} form-system-language-form"
id="{{ $lang}}-form">
<label class="title-color">{{ translate('City') }}<span
class="text-danger">*</span> ({{strtoupper($lang) }})</label>
<input type="text" name="name[]" class="form-control"
placeholder="{{ translate('new_City') }}" {{ $lang == $defaultLanguage? 'required':''}}>
</div>
<input type="hidden" name="lang[]" value="{{ $lang}}">
@endforeach
<input name="position" value="0" class="d-none">
</div>
</div>
</div>
<div class="d-flex flex-wrap gap-2 justify-content-end">
<button type="submit" class="btn btn--primary">{{ translate('submit') }}</button>
</div>
</form>
</div>
</div>
</div>
</div>
<div class="row mt-20" id="cate-table">
<div class="col-md-12">
<div class="card">
<div class="px-3 py-4">
<div class="d-flex flex-wrap justify-content-between gap-3 align-items-center">
<div class="">
<h5 class="text-capitalize d-flex gap-1">
{{ translate('Cities') }}
<span
class="badge badge-soft-dark radius-50 fz-12">{{ $cities->total() }}</span>
</h5>
</div>
<div class="d-flex flex-wrap gap-3 align-items-center">
<form action="{{ url()->current() }}" method="GET">
<div class="input-group input-group-custom input-group-merge">
<div class="input-group-prepend">
<div class="input-group-text">
<i class="tio-search"></i>
</div>
</div>
<input id="" type="search" name="searchValue" class="form-control"
placeholder="{{ translate('search_by_city_name') }}"
value="{{ request('searchValue') }}">
<button type="submit"
class="btn btn--primary">{{ translate('search') }}</button>
</div>
</form>
</div>
</div>
</div>
<div class="table-responsive">
<table
class="table table-hover table-borderless table-thead-bordered table-nowrap table-align-middle card-table w-100 text-start">
<thead class="thead-light thead-50 text-capitalize">
<tr>
<th>{{ translate('ID') }}</th>
<th class="text-center">{{ translate('City Name') }}</th>
<th class="text-center">{{ translate('action') }}</th>
</tr>
</thead>
<tbody>
@foreach($cities as $key=>$city)
<tr>
<td>{{ $city['id'] }}</td>
<td>{{ $city['name'] }}</td>
<td>
<div class="d-flex justify-content-center gap-10">
<a class="btn btn-outline-info btn-sm square-btn "
title="{{ translate('edit') }}"
href="{{ route('admin.city-edit',[$city['id']]) }}">
<i class="tio-edit"></i>
</a>
</div>
</td>
</tr>
@endforeach
</tbody>
</table>
</div>
<div class="table-responsive mt-4">
<div class="d-flex justify-content-lg-end">
{{ $cities->links() }}
</div>
</div>
</div>
</div>
</div>
</div>
{{--
<span id="route-admin-category-delete" data-url="{{ route('admin.category.delete') }}"></span>
<span id="get-categories" data-categories="{{ json_encode($categories) }}"></span>
<div class="modal fade" id="select-category-modal" tabindex="-1" aria-labelledby="toggle-modal" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered">
<div class="modal-content shadow-lg">
<div class="modal-header border-0 pb-0 d-flex justify-content-end">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><i
class="tio-clear"></i></button>
</div>
<div class="modal-body px-4 px-sm-5 pt-0 pb-sm-5">
<div class="d-flex flex-column align-items-center text-center gap-2 mb-2">
<div
class="toggle-modal-img-box d-flex flex-column justify-content-center align-items-center mb-3 position-relative">
<img src="{{dynamicAsset('public/assets/back-end/img/icons/info.svg')}}" alt="" width="90"/>
</div>
<h5 class="modal-title mb-2 category-title-message category-title-message"></h5>
</div>
<form action="{{ route('admin.category.delete') }}" method="post" class="product-category-update-form-submit">
@csrf
<input name="id" hidden="">
<div class="gap-2 mb-3">
<label class="title-color"
for="exampleFormControlSelect1">{{ translate('select_Category') }}
<span class="text-danger">*</span>
</label>
<select name="category_id" class="form-control js-select2-custom category-option" required>
</select>
</div>
<div class="d-flex justify-content-center gap-3">
<button type="submit" class="btn btn--primary min-w-120">{{translate('update')}}</button>
<button type="button" class="btn btn-danger-light min-w-120"
data-dismiss="modal">{{ translate('cancel') }}</button>
</div>
</form>
</div>
</div>
</div>
</div>
--}}
@endsection
@push('script')
{{--
<script src="{{ dynamicAsset(path: 'public/assets/back-end/js/products-management.js') }}"></script>
--}}
@endpush