@extends('layouts.mainlayout')
@section('content')
    <div class="album text-muted">
        <div class="container mw-100">
            <div class="card mb-3 align-middle">
                <div class="card-header"><i class="fas fa-table"></i>Help</div>
                <div class="card-body">
                    <div class="row">
                        <div class="col-xl-4 col-sm-6 mb-4 text-center">
                            <h2>Login</h2>
                            <video width="400" controls>
                                <source src="/help/leader_belepes.mp4" type="video/mp4">
                            </video>
                        </div>
                        <div class="col-xl-4 col-sm-6 mb-4 text-center">
                            <h2>Front page / Transit menu</h2>
                            <video width="400" controls>
                                <source src="/help/leader_tranzit.mp4" type="video/mp4">
                            </video>
                        </div>
                        <div class="col-xl-4 col-sm-6 mb-4 text-center">
                            <h2>All transit menu</h2>
                            <video width="400" controls>
                                <source src="/help/leader_all-tranzit.mp4" type="video/mp4">
                            </video>
                        </div>
                        <hr>
                        <div class="col-xl-4 col-sm-6 mb-4 text-center">
                            <h2>Active staffs menu</h2>
                            <video width="400" controls>
                                <source src="/help/active_staffs.mp4" type="video/mp4">
                            </video>
                        </div>
                        <div class="col-xl-4 col-sm-6 mb-4 text-center">
                            <h2>Staff profile</h2>
                            <video width="400" controls>
                                <source src="/help/staff_profile.mp4" type="video/mp4">
                            </video>
                        </div>
                        <div class="col-xl-4 col-sm-6 mb-4 text-center">
                            <h2>Staff tranzit</h2>
                            <video width="400" controls>
                                <source src="/help/leader_staff_tranzit.mp4" type="video/mp4">
                            </video>
                        </div>
                        <div class="col-xl-4 col-sm-6 mb-4 text-center">
                            <h2>Farm to farm tranzit</h2>
                            <video width="400" controls>
                                <source src="/help/leader_staff_inter_farm_tranzit.mp4" type="video/mp4">
                            </video>
                        </div>
                        <div class="col-xl-4 col-sm-6 mb-4 text-center">
                            <h2>Advances</h2>
                            <video width="400" controls>
                                <source src="/help/001.mp4" type="video/mp4">
                            </video>
                        </div>

                    </div>
                </div>


            </div>
        </div>
    </div>
    </div>
    </div>
    </div>
    <script src="/vendor/jquery/jquery.min.js"></script>
@endsection