@extends('layout', ['page' => 'result'])
@section('title', 'Result - ' . config('app.name'))

@section('content')

@if(isset($breadcrumb) && !empty($breadcrumb))
    @include('partials._breadcrumb-title', ['breadcrumb' => $breadcrumb])
@endif
<!-- contacts -->
<section class="h-100 gradient-form" style="background-color: #eee;">
  <div class="container py-5 h-100">
    <div class="row d-flex justify-content-center align-items-center h-100">
      <div class="col-xl-6">
        <div class="card rounded-lg text-black shadow">
              <div class="card-body p-md-5 mx-md-4">
                <form action="{{ route('result.show') }}" method="post">
                  @csrf

                  <div data-mdb-input-init class="form-outline mb-4">
                    <div class="form-group">
                        <label class="form-label">Enroll Number</label>
                        <input type="text" name="enroll_id" id="enroll_id" class="form-control boxss" placeholder="Enroll Number " value="{{ old('enroll_id') }}" required>
                        <small class="form-text text-muted d-block">
                          Please enter your Enrollment number (e.g. <strong>SSE-RJ-001</strong>).
                        </small>
                        @error('enroll_id')
                        <span class="text-danger mt-2">{{ $message }}</span>
                        @enderror
                    </div>
                  </div>

                  <div class="text-center pt-1 mb-5 pb-1">
                    <button data-mdb-button-init data-mdb-ripple-init class="btn btn-outline-danger btn-block fa-lg mb-3 btn-block w-100" type="submit">VIEW</button>
                  </div>
                </form>
              </div>
            </div>
        </div>
      </div>
    </div>
  </div>
</section>
@endsection