@extends('employee.employee-master')

@section('content')
<div class="container">
    <h1>Welcome, {{ $employee->name }}</h1>

    <div class="card mt-4">
        <div class="card-header">
            Employee Information
        </div>
        <div class="card-body">
            <p><strong>Name:</strong> {{ $employee->name }}</p>
            <p><strong>Email:</strong> {{ $employee->email }}</p>
            <p><strong>Role:</strong> {{ ucfirst($employee->role) }}</p>
        </div>
    </div>

    <!-- Form to select month and year -->
    <form action="{{ route('employee.salary-slip') }}" method="get" class="mt-4">
        @csrf
        <div class="row">
            <div class="col-md-4">
                <label for="month" class="form-label">Month:</label>
                <input type="number" name="month" id="month" class="form-control" min="1" max="12" required
                    placeholder="Enter month (1-12)">
            </div>
            <div class="col-md-4">
                <label for="year" class="form-label">Year:</label>
                <input type="number" name="year" id="year" class="form-control" min="1900" max="2100" required
                    placeholder="Enter year">
            </div>
        </div>

        <button type="submit" class="btn btn-primary mt-3">View Salary Slips</button>
    </form>

</div>
@endsection