@extends('layouts.mobile')

@section('contents')
    <main class="form-signin w-100 m-auto">
        <div class="min-h-100 d-flex w-100 align-items-center">
            <div>
                <div class="text-center">
                    <img class="mb-4 img-fluid" src="{{ asset('assets/mobile/img/logo.png') }}" alt="" />
                </div>
                <div class="row">
                    <div class="col-6 mb-3">
                        <a href="{{ route('check-in') }}" class="text-decoration-none">
                            <div class="card p-4 rounded-5">
                                <img src="{{ asset('assets/mobile/img/check-in.png') }}" class="img img-fluid d-block" />
                            </div>
                            <span class="text-white d-block text-center fs-6 mt-1 fw-bold">Check-in</span>
                        </a>
                    </div>
                    <div class="col-6 mb-3">
                        <a href="{{ route('sampling') }}" class="text-decoration-none">
                            <div class="card p-4 rounded-5">
                                <img src="{{ asset('assets/mobile/img/sampling.png') }}" class="img img-fluid d-block" />
                            </div>
                            <span class="text-white d-block text-center fs-6 mt-1 fw-bold">Sampling</span>
                        </a>
                    </div>
                    <div class="col-6 mb-3">
                        <a href="{{ route('selling') }}" class="text-decoration-none">
                            <div class="card p-4 rounded-5">
                                <img src="{{ asset('assets/mobile/img/selling.png') }}" class="img img-fluid d-block" />
                            </div>
                            <span class="text-white d-block text-center fs-6 mt-1 fw-bold">Selling</span>
                        </a>
                    </div>
                    <div class="col-6 mb-3">
                        <a href="{{ route('profiling') }}" class="text-decoration-none">
                            <div class="card p-4 rounded-5">
                                <img src="{{ asset('assets/mobile/img/kuesioner.png') }}" class="img img-fluid d-block" />
                            </div>
                            <span class="text-white d-block text-center fs-6 mt-1 fw-bold">Kuesioner</span>
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </main>
    @include('partials.mobile.footbar')
@endsection