@extends('admin.layouts.master')

@section('title') @lang('translation.Dashboards') @endsection

@section('content')

@component('admin.components.breadcrumb')
@slot('li_1') Dashboards @endslot
@slot('title') Dashboard @endslot
@endcomponent



<div class="row">
	<div class="col-sm-12">
		<div class="card">
			<div class="card-body">
				<div class="row">
					<div class="col-lg-3">
						<label>Название промокода</label>
						<input type="" id="name_promo" class="form-control" name="">
					</div>
					<div class="col-lg-3">
						<label>Процент</label>
						<input type="" id="percent_promo" class="form-control" name="">
					</div>
					<div class="col-lg-3">
						<label>Активаций</label>
						<input type="" id="active_promo" class="form-control" name="">
					</div>
					<div class="col-lg-3">
						<label>Дейсвтие</label>
						<button onclick="createDepPromo()" class="btn btn-info btn-block w-100">Создать промокод</button>
					</div>
				</div>
			</div>
		</div>
	</div>
	<div class="col-sm-12">
		<div class="card">
			<div class="card-body">

				<div class="table-responsive">
					<table class="table "  style="margin-bottom: 20px;"> 

						<thead>
							<tr>
								<th scope="col">#</th>
								<th scope="col">Создатель</th>
								<th scope="col">Название</th>
								<th scope="col">Процент</th>
								<th scope="col">Активаций</th>
								<th scope="col">Дата</th>
								<th scope="col">Действия</th>
							</tr>
						</thead>
						<tbody>
							@foreach($data['promo'] as $p)
							
							<tr>
								<th scope="row">{{$p->id}}</th>
								<td>{{$p->user_name}}</td>
								<th scope="row">{{$p->name}}</th>
								<td>{{number_format($p->percent, 2, ',', ' ')}}</td>
								<th scope="row">{{$p->actived}} / {{$p->active}}</th>
								<td>{{date('d.m.y в H:i:s', strtotime($p->created_at))}}</td>
								<th scope="col"><button onclick="deleteDepPromo({{$p->id}})" class="btn btn-danger btn-sm">Удалить</button></th>
								
							</tr>
							@endforeach

						</tbody>
					</table>

					<div style="margin-bottom: 5px;">
						{{ $data['promo']->links() }}
					</div>

				</div>


			</div>
		</div>
	</div>
</div>

@endsection
@section('script')
<!-- apexcharts -->
<script src="{{ URL::asset('/assets/libs/apexcharts/apexcharts.min.js') }}"></script>

<!-- dashboard init -->
<script src="/assets/js/pages/dashboard.init.js?v={{time()}}"></script>
@endsection