@extends('layouts.frontend.signin')

{{-- content --}}
@section('content')
<section class="mb-5">
	<div class="row row-cols-2 row-cols-lg-4 g-3 mb-3">
		@for($i = 1; $i <= 4; $i++)
			<div class="col">
				<div class="card h-100">
					<img
						class="img-fluid"
						src="http://via.placeholder.com/640x360"
					>
					<div class="card-body">
						<p class="text-muted mb-1">
							{!! \Carbon\Carbon::now()->format('Y-m-d') !!}
						</p>
						<h5 class="card-title">
							Title
						</h5>
						<p class="mb-0">
							Article
						</p>
					</div>
				</div>
			</div>
		@endfor
	</div>

	<div class="row justify-content-md-center">
		<div class="col col-lg-3">
			<div class="d-grid gap-2">
				<a
					class="btn btn-outline-secondary btn-sm px-5"
					href="#"
				>
					More
				</a>
			</div>
		</div>
	</div>
</section>

<section class="mb-5">
	<div class="row justify-content-md-center">
		<div class="col col-lg-3">
			<div class="form-floating mb-3">
				{!! Form::text('id', '', [
					'class' => 'form-control',
					'id' => 'input1',
					'placeholder' => '',
				]) !!}
				<label for="input1">
					ID
				</label>
			</div>
			<div class="form-floating mb-3">
				{!! Form::text('pass', '', [
					'class' => 'form-control',
					'id' => 'input2',
					'placeholder' => '',
				]) !!}
				<label for="input2">
					PASS
				</label>
			</div>
			<div class="d-grid gap-2">
				<a
					class="btn btn-primary"
					href="{!! route('mocup.index') !!}"
				>
					Signin
				</a>
			</div>
		</div>
	</div>
</section>
@endsection

{{-- css --}}
@section('css')
<style>

</style>
@stop

{{-- js --}}
@section('js')
<script>
$(function() {
	//
});
</script>
@stop