@extends('superadmin.layouts.master')
@section('title')
    Class
@endsection
@push('css')
@endpush
@section('content')
    <style>

        .fill{
            color:red
        }
    </style>
            <div class="row align-items-center justify-content-center">
                <div class="col-md-8 col-lg-6 col-xl-12">
                    <div class="">
                        @include('include.messages')
                    </div>
                    <br>
                    <div class="card">
                        <div class="card-body p-4">
                            <div class="text-center mt-2">
                                <h5 class="text-primary">Add School Class</h5>
                            </div>
                            <div class="p-2 mt-4">

                                @if(isset($data))
                                    <form action="{{route('school.updateClassList',[$data->id])}}" method="POST" enctype="multipart/form-data">
                                        @else
                                            <form action="{{route('school.classPost')}}" method="POST" enctype="multipart/form-data">
                                                @endif
                                                @csrf
                                                <div class="row">
                                                    <div class="col-md-6">
                                                        <div class="mb-3">
                                                            <label class="form-label" for="useremail">School Name<span class="fill" >*</span></label>
                                                            <select id="single" name="school_id" class="js-states form-control">
                                                                @foreach($schools as $school)
                                                                <option value="{{$school->id}}">{{$school->school_name}}</option>
                                                                @endforeach
{{--                                                                    @if($data) @if ($data->school_id==$school->id) selected @endif @endif--}}
                                                            </select>
                                                        </div>
                                                    </div>

                                                </div>
                                                <div class="row">
                                                    <div class="col-md-6">
                                                        <div class="mb-3">
                                                            <label class="form-label" for="useremail">Class Name<span class="fill" >*</span></label>
                                                            <input type="text" name="class_name" value="{{@$data->class_name}}" class="form-control" placeholder="Class name">
                                                        </div>
                                                    </div>

                                                </div>

                                                @if(isset($data))
                                                    <button type="submit" class="btn btn-primary w-md">Update</button>
                                                @else
                                                    <button type="submit" class="btn btn-primary w-md">Submit</button>
                                                @endif
                                            </form>
                            </div>

                        </div>
                    </div>

                </div>
            </div>
            <!-- end row -->
        </div>
        <!-- end container -->
    </div>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
    <link href="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/css/select2.min.css" rel="stylesheet" />
    <script src="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/js/select2.min.js"></script>
    <script>
        $("#single").select2();
        $("#multiple").select2({
            placeholder: "Select a programming language",
            allowClear: true
        });
    </script>
@endsection