@extends('Admin.layout.master')
@section('title', 'Add Discipline')
@section('content')
    <div class="content-body">
        <div class="container-fluid">
            <div class="row">
                <div class="col-lg-12">
                    <div class="card">
                        <div class="card-header">
                            <h4 class="card-title">Discipline Details</h4>
                        </div>
                        <form action="{{ route('store.discipline') }}" method="post">
                            @csrf
                            <div class="card-body abc">
                                <div class="row">
                                    <div class="col-lg-6 col-md-6 col-sm-6">
                                        <div class="form-group">
                                            <label class="form-label">Class Name</label>
                                            <input type="text" class="form-control" name='name'
                                                value="{{ old('name') }}" placeholder="Name">
                                            @if ($errors->has('name'))
                                                <p class="text-danger"> {{ $errors->first('name') }} </p>
                                            @endif
                                        </div>
                                    </div>
                                    <div class="col-lg-6 col-md-6 col-sm-6">
                                        <div class="form-group">
                                            <label class="form-label">Select Subjects</label>
                                            <select class="multi-value-select" multiple="multiple" placeholder="Select Subject" name="subject_id[]">
                                                @foreach ( $subjects as $subject )
                                                <option value="{{$subject->name}}">{{$subject->name}}</option>
                                                @endforeach
                                            </select>
                                        </div>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-lg-12 col-md-12 col-sm-12">
                                        <div class="form-group">
                                            <label class="form-label">Description</label>
                                            <textarea class="form-control" rows="5" name="description" placeholder="Description"></textarea>
                                            @if ($errors->has('description'))
                                                <p class="text-danger">{{ $errors->first('description') }}</p>
                                            @endif
                                        </div>
                                    </div>
                                </div>
                                {{-- <div class="row">
                                    <div class="col-lg-11 col-md-11 col-sm-11">
                                        <div class="form-group">
                                            <label class="form-label">Add Section</label>
                                        </div>
                                    </div>
                                    <div class="col-lg-11 col-md-11 col-sm-11">
                                        <div class="form-group">
                                            <input type="text" class="form-control" name='section[]'
                                                value="{{ old('section') }}" placeholder="section">
                                        </div>
                                        @if ($errors->has('section'))
                                            <p class="text-danger"> {{ $errors->first('section') }} </p>
                                        @endif
                                    </div>
                                    <button type="button" class="btn btn-primary btn-sm h-25 add">add</button>
                                </div> --}}

                            </div>
                            <div class="row ml-2 mb-3 ">
                                <div class="col-lg-12 col-md-12 col-sm-12">
                                    <button type="submit" class="btn btn-primary">
                                        Save
                                    </button>
                                    <a href="{{ route('index.discipline') }}" class="btn btn-success">
                                        back
                                    </a>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection
{{-- @section('scripts')
    <script>
        $(document).ready(function() {
            $('.add').click(function() {

                $('.abc').append(
                    '<div class="row" id="row"><div class="col-lg-11 col-md-11 col-sm-11"><div class="form-group"><input type="text" class="form-control" name="section[]" value="{{ old('section') }}" placeholder="Section" required></div></div> <button type="button" class="btn btn-danger btn-sm h-25 delete">Remove</button></div>'
                );
            });
            $(document).on('click', '.delete', function() {
                $(this).closest('#row').remove();
            });
        });
    </script>
@endsection --}}