{header}

<div class="content-header row">
	<div class="content-header-left col-md-4 col-12 mb-2">
		<h3 class="content-header-title">{l_title_current}</h3>
	</div>
	<div class="content-header-right col-md-8 col-12">
		<div class="breadcrumbs-top float-md-right">
			<div class="breadcrumb-wrapper mr-1">
				<ol class="breadcrumb">
					<li class="breadcrumb-item">
						<a href="{url_main}administration/pay.php">{l_menu_payment}</a>
					</li>
					<li class="breadcrumb-item active">
						{l_title_current}
					</li>
				</ol>
			</div>
		</div>
	</div>
</div>

{menu_page}

<div class="alert alert-success border-0 alert-dismissible mb-2-1" role="alert">{l_changes_save}</div>

<!-- begin_group -->
<div class="content-body">
	<div class="row">
		<div class="col-12">
			<div class="card">
				<div class="card-header">
					<h4 class="card-title">{l_title_current}</h4>
					<p>{l_notification}</p>
                    <a class="heading-elements-toggle"><i class="la la-ellipsis-v font-medium-3"></i></a>
                    <div class="heading-elements">
                        <ul class="list-inline mb-0">
                            <li><a data-action="collapse"><i class="ft-minus"></i></a></li>
                        </ul>
                    </div>
				</div>
				<div class="card-content collapse show">
					<div class="card-body">
						<div class="table-responsive tab_order w-50">
							<table class="table table-striped  mb-0">
								<thead class="bg-primary white">
									<tr>
										<th>{l_action}</th>
										<th>{l_name}</th>
										<th>{l_code}</th>
									</tr>
								</thead>
								<tbody>
								<!-- begin_group_item -->
								<tr class="{class}">
									<td>
										<a href="pay_cat.php?cat_id={var_id}&action=del_cat">{l_delete}</a> |
										<a href="pay_cat.php?cat_id={var_id}&action=edit_cat">{l_edit}</a>
									</td>
									<td>{var_name}</td>
									<td>{var_code}</td>
								</tr>
								<!-- end_group_item -->
								</tbody>
								</table>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>

<div class="content-body">
	<div class="row">
		<div class="col-12">
			<div class="card">
				<div class="card-header">
					<h4 class="card-title">{l_add}</h4>
					<a class="heading-elements-toggle"><i class="la la-ellipsis-v font-medium-3"></i></a>
					<div class="heading-elements">
						<ul class="list-inline mb-0">
							<li><a data-action="collapse"><i class="ft-minus"></i></a></li>
						</ul>
					</div>
				</div>
				<div class="card-content collapse show">
					<div class="card-body">
						<form method="post">
							<input type="hidden" name="action" value="add_cat"/>

							<fieldset class="form-group">
								<label>{l_name}:</label>
								<input class="form-control" type="text" name="cat_name" value="">
							</fieldset>

							<fieldset class="form-group">
								<label>{l_code}:</label>
								<input class="form-control" type="text" name="code" value="">
							</fieldset>

							<fieldset class="form-group mt-2">
								<div class="wrap_button">
									<button class="btn btn-primary btn_submit" type="submit">{l_save}</button>
									<div class="button_submit_instruction">{l_or_use_ctrl_s}</div>
								</div>
							</fieldset>
						</form>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>
<!-- end_group -->

<!-- begin_cat_edit -->
<div class="content-body">
	<div class="row">
		<div class="col-12">
			<div class="card">
				<div class="card-header">
					<h4>{l_title_current}</h4>
					<p>{l_notification}</p>
					<a class="heading-elements-toggle"><i class="la la-ellipsis-v font-medium-3"></i></a>
					<div class="heading-elements">
						<ul class="list-inline mb-0">
							<li><a data-action="collapse"><i class="ft-minus"></i></a></li>
						</ul>
					</div>
				</div>
				<div class="card-content collapse show">
					<div class="card-body">
						<form method="post">
							<input type="hidden" name="cat_id" value="{cat_id}"/>
							<input type="hidden" name="action" value="change_cat"/>

							<fieldset class="form-group">
								<label>{l_name}:</label>
								<input class="form-control" type="text" name="cat_name" value="{cat_name}">
							</fieldset>

							<fieldset class="form-group">
								<label>{l_code}:</label>
								<input class="form-control" type="text" name="code" value="{code}">
							</fieldset>

							<fieldset class="form-group mt-2">
								<div class="wrap_button">
									<button class="btn btn-primary btn_submit" type="submit">{l_save}</button>
									<div class="button_submit_instruction">{l_or_use_ctrl_s}</div>
								</div>
							</fieldset>
						</form>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>
<!-- end_cat_edit -->

{footer}