@section('page-specific-styles')
    <link href="{{ asset('css/dropify.min.css') }}" rel="stylesheet">
    <link type="text/css" rel="stylesheet"
        href="{{ asset('resources/css/theme-default/libs/bootstrap-tagsinput/bootstrap-tagsinput.css?1424887862') }}" />
@endsection
@csrf
<div class="row">
    <div class="col-sm-12">
        <div class="card">
            <div class="card-underline">
                <div class="card-header">
                    <header class="mt-2">
                        <h5>{!! $header !!}</h5>
                    </header>
                </div>
                <div class="card-body">
                    <div class="row">
                        <div class="col-sm-12">
                            <div class="form-group ">
                                <label for="user" class="col-form-label pt-0">Instituion</label>
                                <input type="hidden" value="{{ $institution->id }}" name="institution_id">
                                <input type="text" value="{{ $institution->name }}" class="form-control" disabled>
                                {{-- <select data-placeholder="Select Instituion"
                                    class="select2 tail-select  form-control" name="institution_id" required>
                                    @foreach ($institutions as $institute)
                                        <option value="{{ $institute->id }}"
                                            @if (old('institution_id') == $institute->id) selected @endif
                                            @if (isset($course) && $course->institution_id == $institute->id) selected @endif>
                                            {{ ucfirst($institute->name) }}</option>
                                    @endforeach
                                </select> --}}
                                @error('institution_id')
                                    <span class="text-danger">{{ $errors->first('institution_id') }}</span>
                                @enderror
                            </div>
                            <div class="form-group ">
                                <label for="name" class="col-form-label pt-0">Course code {!! requiredLabel() !!}</label>
                                <input class="form-control" type="text" required name="course_code" value="{{ old('name', isset($course->course_code) ? $course->course_code : '') }}"
                                    placeholder="Enter Course Code">
                                @error('course_code')
                                    <span class="text-danger">{{ $errors->first('course_code') }}</span>
                                @enderror
                            </div>
                            <div class="form-group ">
                                <label for="name" class="col-form-label pt-0">Course Name {!! requiredLabel() !!}</label>
                                <input class="form-control" type="text" required name="course_name" value="{{ old('name', isset($course->course_name) ? $course->course_name : '') }}"
                                    placeholder="Enter Course Name">
                                @error('course_name')
                                    <span class="text-danger">{{ $errors->first('course_name') }}</span>
                                @enderror
                            </div>
                            

                            <div class="form-group ">
                                <label for="specialization" class="col-form-label pt-0">Sort {!! requiredLabel() !!}</label>
                                <input class="form-control" type="number" name="sort" data-role="tagsinput"
                                    value="{{ old('sort', isset($course->sort) ? $course->sort : 1) }}"
                                    placeholder="Enter Website Link" required>
                                @error('sort')
                                    <span class="text-danger">{{ $errors->first('sort') }}</span>
                                @enderror
                            </div>

                        </div>
                    </div>
                </div>
                <div class="card-footer">
                    <div class="form-group">
                        <div>
                            <a class="btn btn-danger waves-effect btn-sm ml-1" href="{{ url()->previous() }}">
                                <i class="md md-arrow-back"></i>
                                Back
                            </a>
                            <input type="submit" name="pageSubmit"
                                class="btn btn-success btn-sm waves-effect waves-light float-right" value="Submit">
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>