@extends('admin.layout')

@section('content')

<div class="row mb-3">
    <!-- Top Section -->
    <div class="row d-flex justify-content-between align-items-center mb-4">
        <div class="col">
        <h4 class="page-top-heading">Level Master</h4>
        </div>
        <div class="col d-flex justify-content-end">
        <a href="{{ route('admin.level_master_history') }}" class="btn btn-primary">Level History</a>
        </div>
    </div>

    <!-- Form Card -->
    <div class="container my-4">
        <div class="row d-flex justify-content-center">
        <div class="card p-4" style="width: 800px;">
            <form action="#" method="POST">
                @csrf

                <!-- Level 1, 2, 3 Section -->
                <div class="row mb-3">
                    <div class="col-md-4 mb-3">
                        <label for="level1" class="form-label">Level 1</label>
                        <input type="number" id="level1" name="level1" class="form-control" placeholder="Enter Percentage %" required>
                    </div>
                    <div class="col-md-4 mb-3">
                        <label for="level2" class="form-label">Level 2</label>
                        <input type="number" id="level2" name="level2" class="form-control" placeholder="Enter Percentage %" required>
                    </div>
                    <div class="col-md-4 mb-3">
                        <label for="level3" class="form-label">Level 3</label>
                        <input type="number" id="level3" name="level3" class="form-control" placeholder="Enter Percentage %" required>
                    </div>
                </div>

                <!-- Level 4 Section -->
                <div class="row mb-3">
                    <div class="col-md-4  mb-3">
                        <label for="level4" class="form-label">Level 4</label>
                        <input type="number" id="level4" name="level4" class="form-control" placeholder="Enter Percentage %" required>
                    </div>
                    <div class="col-md-4 mb-3">
                        <label for="level5" class="form-label">Level 5</label>
                        <input type="number" id="level5" name="level5" class="form-control" placeholder="Enter Percentage %" required>
                    </div>
                    <div class="col-md-4 mb-3">
                        <label for="level6" class="form-label">Level 6</label>
                        <input type="number" id="level6" name="level6" class="form-control" placeholder="Enter Percentage %" required>
                    </div>
                </div>

                <!-- Submit Button -->
                <div class="text-left">
                    <button type="submit" class="btn btn-primary px-3 py-2 w-25">Submit</button>
                </div>
            </form>
        </div>
        </div>
    </div>
</div>

@endsection