@extends('FrontEndLayouts.frontApp')
@section('content')
@php $actionUrl=url('/sabmitManuscriptStore');
@endphp
<section class="bg-pentagon py-4">
  <div class="container py-3">
    <div class="row d-flex align-items-center gy-4">
      <div class="col-md-7">
        <h1 class="h2 mb-0 text-uppercase">Submit Manuscript</h1>
      </div>
      {{-- <div class="col-md-5">
        <!-- Breadcrumb-->
        <ol class="text-sm justify-content-start justify-content-lg-end mb-0 breadcrumb undefined">
          <li class="breadcrumb-item"><a class="text-uppercase" href="index.html">Home</a></li>
          <li class="breadcrumb-item text-uppercase active">Frequently asked questions </li>
        </ol>
      </div> --}}
    </div>
  </div>
</section>
<section class="py-5" style="margin-bottom: 20px">
  <div class="container py-4">
    <div class="row gy-4">
      <!-- Service-->
      <div class="col-lg-9 col-md-6 block-icon-hover">
        <h3 class="h4 text-uppercase lined mb-4">Online Journal Management System</h3>
        <div class="row" style="margin-bottom: 10px">

          <div class="col-lg-6 col-md-6 block-icon-hover" style="">
            <ul class="list-unstyled">
              <li class="d-flex mb-3">
                <div class="icon-filled me-2"><i class="fas fa-check"></i></div>
                <p class="text-sm mb-0">Online Submission System.</p>
              </li>
              <li class="d-flex mb-3">
                <div class="icon-filled me-2"><i class="fas fa-check"></i></div>
                <p class="text-sm mb-0"> Editorial Control Panel.</p>
              </li>
            </ul>
          </div>
          <div class="col-lg-5 col-md-6 block-icon-hover">
            <ul class="list-unstyled">
              <li class="d-flex mb-3">
                <div class="icon-filled me-2"><i class="fas fa-check"></i></div>
                <p class="text-sm mb-0">Online Submission System.</p>
              </li>
              <li class="d-flex mb-3">
                <div class="icon-filled me-2"><i class="fas fa-check"></i></div>
                <p class="text-sm mb-0"> Editorial Control Panel.</p>
              </li>
            </ul>
          </div>
        </div>
        <div class="card" style="border-radius: 15px;">
          <div class="card-body p-5">
            <h3 class="h4 text-uppercase lined mb-4">Create an account</h3>
            @if( Session::has("message") )
            <div id="lblmsgid" class="alert alert-dismissible fade show alert-success" role="alert">
              {{ Session::get("message") }}
              <button class="btn-close" type="button" data-bs-dismiss="alert" aria-label="Close"></button>
            </div>
            @endif
            <div class="alert mb-3 alert-info" role="alert">
              *If you are a registered user so please <a href="{{url('login')}}" class="fw-bold text-body"><u
                  style="color:blue; text-decoration:none">Login
                  here</u></a>.
              Otherwise please register and wait for our approval.
              We will send login information by your mail if you are eligible..
            </div>

            <form method="post" action="{{$actionUrl}}">
              @csrf

              <div class="form-group ">
                <label class="form-label" for="author_first_name">First Name</label>
                <input type="text" id="author_first_name" name="author_first_name" class="form-control form-control-lg"
                  required />

              </div>
              <div class="form-group ">
                <label class="form-label" for="author_middle_name">Middle Name</label>
                <input type="text" id="author_middle_name" name="author_middle_name"
                  class="form-control form-control-lg" required />

              </div>
              <div class="form-group ">
                <label class="form-label" for="author_last_name">Last Name</label>
                <input type="text" id="author_last_name" name="author_last_name" class="form-control form-control-lg" />

              </div>

              <div class="form-group mb-3">
                <label class="form-label" for="author_email">Email</label>
                <input type="email" id="author_email" name="author_email" class="form-control form-control-lg"
                  required />

              </div>
              <div class="form-group mb-3">
                <label class="form-label" for="author_aulternate_emial">Aulternate Email</label>
                <input type="email" id="author_aulternate_emial" name="author_aulternate_emial"
                  class="form-control form-control-lg" required />

              </div>
              <div class="form-group mb-3">
                <label class="form-label" for="author_mobile">Mobile Number</label>
                <input type="number" id="author_mobile" name="author_mobile" class="form-control form-control-lg"
                  required />

              </div>
              <div class="form-group mb-3">
                <label class="form-label" for="author_alternate_mobile">Alternate Mobile Number</label>
                <input type="number" id="author_alternate_mobile" name="author_alternate_mobile"
                  class="form-control form-control-lg" />

              </div>
              <div class="form-group ">
                <label class="form-label" for="author_address">Address</label>
                <input type="text" id="author_address" name="author_address" class="form-control form-control-lg"
                  required />

              </div>

              {{-- <div class="form-group mb-3">
                <input type="password" id="password" class="form-control form-control-lg" />
                <label class="form-label" for="password">Password</label>
              </div> --}}
              {{-- <div class="form-group mb-3">
                <input type="password" id="form3Example4cdg" class="form-control form-control-lg" />
                <label class="form-label" for="form3Example4cdg">Repeat your password</label>
              </div> --}}

              {{-- <div class="form-check d-flex justify-content-center mb-5">
                <input class="form-check-input me-2" type="checkbox" value="" id="form2Example3cg" />
                <label class="form-check-label" for="form2Example3g">
                  I agree all statements in <a href="#!" class="text-body"><u>Terms of service</u></a>
                </label>
              </div> --}}

              <div class="d-flex justify-content-center" style="margin-top:10px">
                <button id="btn" type="submit"
                  class="btn btn-primary btn-block btn-lg gradient-custom-4 text-body">Register</button>
              </div>

              {{-- <p class="text-center text-muted mt-5 mb-0">Have already an account? <a href="{{url('login')}}"
                  class="fw-bold text-body"><u>Login here</u></a></p> --}}

            </form>

          </div>
        </div>

      </div>
      <div class="col-lg-3 col-md-6 block-icon-hover">
        @include('FrontEndLayouts.keyDates')
        @include('FrontEndLayouts.newsUpdates')
      </div>
    </div>
  </div>
</section>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script>
  setTimeout( function () {
        $( '#lblmsgid' ).fadeOut( 'fast' );
    }, 4000 );

</script>
@endsection