@extends('user.layout.master')
@section('title', 'Refund')

@push('plugin-styles')
    <link href="{{ asset('assets/plugins/datatables-net-bs5/dataTables.bootstrap5.css') }}" rel="stylesheet" />
@endpush
<style>
    .calendar-container {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }

    .calendar-container1 {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }

    .month-card {
        width: 50px;
        height: 50px;
        margin: 10px;
        display: flex;
        justify-content: center;
        align-items: center;
        border: 1px solid #ccc;
        border-radius: 5px;
        background-color: #f8f9fa;
        cursor: pointer;
        transition: background-color 0.3s ease;
        flex-direction: column;
    }

    .month-card:hover {
        background-color: #e9ecef;
    }



    .month-card.disabled {
        pointer-events: none;
        opacity: 0.5;
        background-color: #e9ecef;
    }

    .button-container {
        display: flex;
        justify-content: center;
        margin-top: 20px;
    }

    .badge {
        background-color: #6571ff;
    }
</style>
@section('content')
    <div class="row">
        {{-- <div class="col-lg-6 grid-margin stretch-card"> --}}
        <div class="col-md-12 grid-margin">

            <div class="card">
                <div class="card-body">
                    <h4 class="card-title">Refund</h4>
                    <br>
                    <div class="container mt-2">
                        <div class="calendar">
                            <div class="calendar">
                                <div id="calendar-container1" class="calendar-container1 row">

                                    @if (!empty($refund->year) == 'Jan2024')
                                        <div class="month-card col-3 text-center active secondquaterly" data-month="0"
                                            data-year="2024">
                                            Feb2024

                                        </div>
                                    @elseif(!empty($refund->year) == 'Feb2024')
                                        <div class="month-card col-3 text-center active secondquaterly" data-month="0"
                                            data-year="2024">
                                            Mar2024

                                        </div>
                                    @elseif(!empty($refund->year) == 'Mar2024')
                                        <div class="month-card col-3 text-center active secondquaterly" data-month="0"
                                            data-year="2024">
                                            Apr2024

                                        </div>
                                    @else
                                        <div class="month-card col-3 text-center active quaterly" data-month="0"
                                            data-year="2024">
                                            Jan2024
                                        </div>
                                    @endif


                                </div>

                            </div>


                        </div>
                    </div>

                   
                    @if (Auth::guard('user')->user()->firm_type == 'Monthly')
                        <form id="signupForm" action="{{ route('user.store.returnfiling') }}" method="POST"
                            enctype="multipart/form-data">
                            @csrf
                            <input id="" class="form-control year" name="year" type="hidden"
                                style="padding: 30px">

                            <span class="yearr"></span>
                            <br>
                            <span class="text-danger">{{ $errors->first('year') }}</span>
                            <input class="btn btn-primary" type="submit" value="Next"
                                style="width: 100px; padding: 10px; float: right">
                        </form>
                    @else
                        <form id="signupForm" action="{{ route('user.store.returnfiling.quaterly') }}" method="POST"
                            enctype="multipart/form-data">
                            @csrf
                            <input type="hidden" name="quater" class="quater">
                            <input class="btn btn-primary" type="submit" value="Next"
                                style="width: 100px; padding: 10px; float: right">
                        </form>
                    @endif
                </div>
            </div>
        </div>

    </div>
@endsection

@push('plugin-scripts')
    <script src="{{ asset('assets/plugins/datatables-net/jquery.dataTables.js') }}"></script>
    <script src="{{ asset('assets/plugins/datatables-net-bs5/dataTables.bootstrap5.js') }}"></script>
@endpush

@push('custom-scripts')
    <script src="{{ asset('assets/js/data-table.js') }}"></script>
@endpush