@extends('layouts.app')

@section('title', 'Add Session | 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)">Session</a></li>
            <li><a href="javascript:void(0)">Add Session</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>

                <!-- Success Alert Message -->
                @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('session.store') }}">
                    @csrf

                    <div class="form-group mt-md @error('session') has-error @enderror">
                        <span class="input-with-icon">
                            <input type="text" class="form-control" id="name" placeholder="Session (e.g. 2026)" name="session" value="{{ old('session') }}" maxlength="4" pattern="20[0-9]{2}" required>
                            <i class="fa fa-calendar"></i>
                        </span>
                        @error('session')
                            <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_session" value="Add Session">
                    </div>
                </form>

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