@extends('layouts.app')

@section('title', 'Add Section | NIPGHS Admin Panel')

@section('content')
<div class="content-header">
    <div class="leftside-content-header">
        <ul class="breadcrumbs">
            <li><i class="fa fa-home" aria-hidden="true"></i><a href="{{ route('dashboard') }}">Dashboard</a></li>
            <li><a href="javascript:void(0)">Section</a></li>
            <li><a href="javascript:void(0)">Add Section</a></li>
        </ul>
    </div>
</div>

<div class="row animated fadeInUp">
    <div class="col-sm-6 col-sm-offset-3">
        <div class="panel">
            <div class="panel-content" style="margin-left: 30px; margin-right: 30px; padding-top: 10px; padding-bottom: 30px;">
                
                <div class="logo text-center">
                    <img class="img-thumbnail" style="height: 90px; width: 80px;" alt="logo" src="{{ asset('image/public_image/logo.png') }}">
                </div>

                <div class="clearfix"></div>
                <hr>

                @if(session('success'))
                    <div class="alert alert-success fade in">
                        <a href="#" class="close" data-dismiss="alert">&times;</a>
                        {{ session('success') }}
                    </div>
                @endif

                <form class="form-horizontal" method="POST" action="{{ route('section.store') }}">
                    @csrf

                    <!-- Select Class -->
                    <div class="form-group mt-md @error('class_id') has-error @enderror">
                        <select class="form-control" name="class_id" id="class_code" required>
                            <option value="" selected disabled>Select Class</option>
                            @foreach($classes as $class)
                                <option value="{{ $class->id }}" {{ old('class_id') == $class->id ? 'selected' : '' }}>
                                    {{ $class->class_name }}
                                </option>
                            @endforeach
                        </select>
                        @error('class_id')
                            <span class="help-block text-danger"><strong>{{ $message }}</strong></span>
                        @enderror
                    </div>

                    <!-- Section Name -->
                    <div class="form-group mt-md @error('section_name') has-error @enderror">
                        <span class="input-with-icon">
                            <input type="text" class="form-control" name="section_name" id="section_name" placeholder="Section Name" value="{{ old('section_name') }}" required>
                            <i class="fa fa-users"></i>
                        </span>
                        @error('section_name')
                            <span class="help-block text-danger"><strong>{{ $message }}</strong></span>
                        @enderror
                    </div>

                    <!-- Section Name Bangla -->
                    <div class="form-group mt-md @error('section_name_bangla') has-error @enderror">
                        <span class="input-with-icon">
                            <input type="text" class="form-control" name="section_name_bangla" id="section_name_bangla" placeholder="Section Name in Bangla" value="{{ old('section_name_bangla') }}">
                            <i class="fa fa-language"></i>
                        </span>
                        @error('section_name_bangla')
                            <span class="help-block text-danger"><strong>{{ $message }}</strong></span>
                        @enderror
                    </div>

                    <div class="form-group">
                        <input type="submit" class="btn btn-sm btn-success btn-block" name="add_section" value="Add Section">
                    </div>
                </form>

            </div>
        </div>
    </div>
</div>
@endsection