@extends('layouts.admin')

@section('content')
@push('css')

@endpush

<div class="container-fluid">
    <div class="row">
        <div class="col-md-12">
            <div class="card">
                <div class="card-header">
                    <div class="row">
                        <div class="col-md-6">
                            <h5>Monthly Percentage Set</h5>
                        </div>

                    </div>

                </div>
                <div class="card-body">
                    <form method="post" action="{{ route('packages.monthly_percentage_store') }}">
                        @csrf
                        <div class="row mb-3">
                            @foreach($classes as $class)
                            <div class="col-md-3">
                                <div class="form-group">
                                    <label  class="col-form-label pt-0"> {{ $class->name }}</label>
                                     <input class="form-control{{ $errors->has($class->value) ? ' is-invalid' : '' }}" type="number" step="any" name="{{ $class->value }}" value="{{ @$set[$class->value] }}">
                                    @if ($errors->has($class->value))
                                        <span class="text-danger" role="alert">
                                            <strong>{{ $errors->first($class->value) }}</strong>
                                        </span>
                                    @endif
                                </div>
                            </div>
                            @endforeach

                            <div class="col-md-12 mt-4">
                                <button class="btn btn-primary float-right" type="submit">Update</button>
                            </div>
                        </div>
                    </form>


                </div>
            </div>
        </div>

    </div><!--end row-->

    <div class="row">
        <div class="col-md-12">
            <div class="card">
                <div class="card-header">
                    <h5> Percentage List</h5>
                </div>

                <div class="card-body">
                    <table class="table">
                        <thead>
                            <tr>
                                <th>Date</th>
                                @foreach($classes as $class)
                                    <th>{{ $class->name }}</th>
                                @endforeach
                            </tr>
                        </thead>

                        <tbody>
                        @foreach($setData as $data)
                            <tr>
                                <td>{{ Date('F Y',strtotime($data->year.'-'.$data->month))}}</td>
                                @foreach($classes as $class)
                                <td >{{ $data[$class->value] }} %</td>
                                @endforeach
                            </tr>
                        @endforeach
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>

</div> <!-- container-fluid -->
@push('alljs')
@endpush
@endsection