@extends('layouts.adminapp')

@section('content')
    {{-- Create New Exam Catgory Grade --}}

    <div class="container-fluid px-4">
        <h4 class="mt-4">
            Create New Grade for {{ $ExamCategory->title }}
        </h4>

        <form method="post" action="{{ route('ExamCategoryGrade.store') }}" enctype="multipart/form-data">
            @csrf
            <div class="card">
                <div class="card-header shadow">
                    <div class="card-body p-5">
                        <div class="row">
                            <input type="hidden" value="{{ $ExamCategory->id }}" name="examcategory_id">
                            <div class="col-md-6 mb-3">
                                <label for="base" class="form-label">Base</label>
                                <input type="number" class="form-control @error('base') border-red-600 @enderror"
                                    name="base" id="txtBase" required />
                                @error('base')
                                    <span class="text-xs text-red-700" id="passwordHelp">{{ $message }}</span>
                                @enderror
                            </div>
                            <div class="col-md-6 mb-3">
                                <label for="grade" class="form-label">Grade</label>
                                <input type="text" class="form-control @error('grade') border-red-600 @enderror"
                                    name="grade" id="txtGrade" required />
                                @error('grade')
                                    <span class="text-xs text-red-700" id="passwordHelp">{{ $message }}</span>
                                @enderror
                            </div>
                        </div>
                        <div class="col-mb-3">
                            <label for="narration" class="form-label">Narration</label>
                            <input type="text" class="form-control" name="narration" id="txtNarration" />
                        </div>
                        <div class="d-flex justify-content-end mt-3">
                            <a href="{{ route('ExamCategory.index') }}" class="btn btn-secondary me-2">Back</a>
                            <button type="submit" class="btn btn-primary">Save</button>
                        </div>
                    </div>
                </div>
            </div>
        </form>
    </div>

    <div class="container-fluid px-4">
        <h2 class="mt-4">
            {{ $ExamCategory->title }} Grade List
        </h2>

        <div class="card mb-4">
            <div class="card-header shadow">
                <div class="card-body">
                    <table id="datatablesSimple">
                        <thead>
                            <tr>
                                <th>Si No</th>
                                <th>Base</th>
                                <th>Grade</th>
                                <th>Narration</th>
                                <th>Actions</th>
                            </tr>
                        </thead>
                        <tbody>
                            @php $si = 0; @endphp
                            @foreach ($ExamCategory->examcategorygrades as $ExamCategoryGrade)
                                <tr>
                                    <td>
                                        {{ ++$si }}
                                    </td>
                                    <td>
                                        {{ $ExamCategoryGrade->base }}
                                    </td>
                                    <td>
                                        {{ $ExamCategoryGrade->grade }}
                                    </td>
                                    <td>
                                        {{ $ExamCategoryGrade->narration }}
                                    </td>
                                    <td>
                                        <div class="flex items-center space-x-4 text-sm">
                                            <form method="POST"
                                                action="{{ route('ExamCategoryGrade.destroy', $ExamCategoryGrade->id) }}"
                                                Id="form-delete-{{ $ExamCategoryGrade->id }}">
                                                @csrf
                                                @method('delete')
                                                <button class="btn btn-sm btn-outline-danger" aria-label="Delete"
                                                    onclick="event.preventDefault();
                                                    if(confirm('Are you sure delete this'))
                                                    {
                                                        document.getElementById('form-delete-{{ $ExamCategoryGrade->id }}').submit();
                                                    }">
                                                    <i class="fas fa-trash"></i>
                                                </button>
                                            </form>
                                        </div>
                                    </td>
                                </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
@endsection