@extends('layouts.admin')

@section('title', 'ဆောင်းပါးအမျိုးအစားများစာရင်း')

@section('content')

@push('styles')
	<link rel="stylesheet" href="{{ asset('plugins/sweetalert2-theme-bootstrap-4/bootstrap-4.min.css') }}">
    <link rel="stylesheet" href="{{ asset('plugins/toastr/toastr.min.css') }}">
@endpush

@push('scripts')
	<script src="{{ asset('plugins/sweetalert2/sweetalert2.min.js') }}"></script>
    <script src="{{ asset('plugins/toastr/toastr.min.js') }}"></script>
@endpush

<div class="container-fluid">
	<div class="row mb-2">
		<div class="col-sm-6">
			<h4 class="m-0 text-dark">ဆောင်းပါးအမျိုးအစားများစာရင်း</h4>

			<!-- Messages -->
			@if ($message = Session::get('success'))
				@push('scripts')
					<script type="text/javascript">
						toastr.success("{{ $message }}");
					</script>
				@endpush
            @endif

            @if ($message = Session::get('error'))
            	@push('scripts')
					<script type="text/javascript">
						toastr.error("{{ $message }}");
					</script>
				@endpush
            @endif
		</div><!-- /.col -->
		
	</div><!-- /.row -->

	@include('admins.partials.breadcrumbs')
</div><!-- /.container-fluid -->

<!-- Main content -->
<section class="content">
	<div class="container-fluid">
		<div class="row">
			<div class="col-12">
				<div class="card p-4">
					<div class="card-body">

						<!-- Search Form -->
						<div class="row">
							<div class="col-md-8">
								<form action="{{ route('admin.articles.index') }}" method="GET">
									<div class="col-md-12">
										<input type="text" name="keyword" class="form-control d-inline col-md-3" placeholder="ရှာဖွေပါ" value="{{ \Request('keyword') }}">
										<select class="form-control d-inline select2 col-md-3 mb-2" name="category_id">
											@if(!empty($categories))
												<option value="">ရွေးချယ်ပါ</option>
												@foreach ($categories as $key => $value)
													@if(\Request('category_id') == $key)
														<option value="{{ $key }}" selected="selected">{{ $value }}</option>
													@else
														<option value="{{ $key }}">{{ $value }}</option>
													@endif
												@endforeach
											@endif
										</select>

										@if(!empty($tags))
											<select class="select2 col-md-2" name="tags_for_search[]" multiple="multiple" id="article-tag-selector" data-placeholder="Tagကိုရွေးချယ်ပါ" data-dropdown-css-class="select2-purple" style="width: 50%;">
												@foreach ($tags as $key => $value)
													@if(!empty(\Request('tags_for_search')) and in_array($key, \Request('tags_for_search')))
														<option value="{{ $key }}" selected>{{ $value }}</option>
													@else
														<option value="{{ $key }}">{{ $value }}</option>
													@endif
												@endforeach
											</select>
										@endif
										
										<button type="submit" class="btn btn-success col-md-1 d-inline form-control mt-2">ရှာဖွေပါ</button>
									</div>
								</form>
							</div>
							<div class="col-md-4">
								<a href="{{ route('admin.articles.create') }}" class="btn btn-success float-right col-sm-5">အသစ်ပြုလုပ်ရန်</a>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>

		<div class="row">
			@each('admins.partials.indexed_article', $articles, 'article')
		</div>
        </div>
	</div><!-- /.container-fluid -->
</section>
<!-- /.content -->

@push('scripts')
<script type="text/javascript">
	$(document).ready(function() {
		$('#article-tag-selector').select2({
			tags: true
		});
	});
</script>
@endpush

@endsection