@extends('layouts.frontend.app')

@section('content')
{{-- <div id='toTop'>
 
</div> --}}
    
<section class="module paralax paallax-3 mt-1" style="background-image: url(''); background-position: 100% 120px; height: 120px;">
    <div class="container">
        <div class="row">
            <nav aria-label="breadcrumb">
                <ol class="breadcrumb mt-4">
                  <li class="breadcrumb-item"><a href="index.html">Home</a></li>
                  <li class="breadcrumb-item active" aria-current="page">Submission</li>
                </ol>
            </nav>
        </div>
        <!-- <h3><span style="background-color: #dc3545; border-radius: 10px; padding: 10px;">Customize Your own PC. </span></h3> --}} -->
    </div>
</section>

 <section class="ftco-section ftco-degree-bg">
     <div class="container-fluid">
        <div class="col">
            <h3 class="bg-success p-2 text-center" style="color: whitesmoke;">Authors' Guidelines</h3>
    @if ($message = Session::get('success'))
    <div class="alert alert-success alert-block">
        <button type="button" class="close" data-dismiss="alert">×</button>    
        <strong>{{ $message }}</strong>
    </div>
    @endif

  

    @if ($errors->any())
    @foreach ($errors->all() as $error)
        <li></li>
        <div class="col-sm-12">
            <div class="alert  alert-danger alert-dismissible fade show" role="alert">
                <span class="badge badge-pill badge-danger">Error</span> {{ $error }}
                <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                    <span aria-hidden="true">×</span>
                </button>
            </div>
        </div>
    @endforeach
@endif
        </div>
     </div>
    <div class="container">
        <div class="row">
          <br><h3 style="color: green; font-size: large;"><b>Things to follow when writing/submitting an article:</b> </h3>
          <ol style="color: red;">
              <li><strong>The article should not have been previously published or submitted for publication elsewhere.</strong> </li>
              <li><strong>It must be unique, original as well as well-written.</strong> </li>
              <li><strong>It should also cover the subjects falling within the scope of our magazine.</strong> </li>
              <li><strong>Submit the article in Microsoft Word document format (.doc or .docx) only.</strong> </li>
              <li><strong>It should be written in either American or British English.</strong> </li>
              <li><strong>The length of articles should be greater than 800 words but should not exceed 1000 words, excluding the references.</strong> </li>
              <li><strong>The article must be in the same format (Font: Times New Roman, Size: 12, color: black).</strong> </li>
              <li><strong>If images are included, submit in jpg format only with references.</strong> </li>
              <li><strong>Use double-spacing throughout the text, tables, figure legends, and references.</strong> </li>
              <li><strong>Electronic files should be double-spaced typed pages in A4.</strong> </li>
              <li><strong>Use 1̋ margins on all sides.</strong> </li>
              <li><strong>Technical terms should be defined. Symbols, abbreviations, and acronyms should be defined the first time they are used.</strong> </li>
              <li><strong>Try to number all pages at the bottom right.</strong> </li>
              <li><strong>The authors can use EndNote or Mendeley Software for citations.</strong> </li>
              <!-- <li><strong></strong> </li> -->
          </ol>
          <div class="col-md-6">
            <form action="{{ route('submission-upload') }}" method="POST" enctype="multipart/form-data">@csrf
              <div class="form-group">
                <label for="exampleInputEmail1"><b>Name</b></label>
                <input type="text" class="form-control" name="name" placeholder="Enter Name">
                <!-- <small id="emailHelp" class="form-text text-muted">We'll never share your email with anyone else.</small> -->
              </div>
          
              <div class="form-group">
                  <label for="exampleFormControlFile1"><b>Article Pdf File</b></label>
                  <input type="file" name="artical" class="form-control-file" id="">
                </div>
              <div class="form-group">
                <label for="exampleFormControlFile1"><b>Picture</b></label>
                <input type="file" name="pic" class="form-control-file" id="">
              </div>
      
          </div>
          <div class="col-md-6">
            <div class="form-group">
              <label for="exampleInputEmail1"><b>Email address</b></label>
              <input type="email" class="form-control" name="email" placeholder="Enter email">
              <small id="emailHelp" class="form-text text-muted">Example: admin@xyz.com</small>
            </div>
            <div class="form-group">
              <label for="exampleFormControlFile1"><b>CV</b></label>
              <input type="file" class="form-control-file" name="cv" id="">
            </div>
          </div>
          <div class="col-md-12">
            <div class="form-group text-right">
              <button type="submit" class="btn btn-primary">Submit</button>
              <button type="reset" class="btn btn-warning">Clear</button>

            </div>
          </div>

            <div class="col-md-12 text-justify" style="line-height: 35px;">
                              
                <div class="col p-5">
                <p>The following instructions are intended to provide guidelines & guidance 
                    who are interested in submitting their articles in our magazine. Please, 
                    carefully read all the formatting instructions. Submissions that do not 
                    follow the guidelines will be returned to the authors. However, if you 
                    have any queries, please contact us via email: <strong> info@aeaw.net </strong> or, 
                    <strong>call at (+880)1824570690.</strong>  </p>

                
                    {{-- <p style="color: green; font-size: large;"><b>Things to follow when writing/submitting an article:</b> </p>
                <ol style="color: green;">
                    <li><strong>The article should not have been previously published or submitted for publication elsewhere.</strong> </li>
                    <li><strong>It must be unique, original as well as well-written.</strong> </li>
                    <li><strong>It should also cover the subjects falling within the scope of our magazine.</strong> </li>
                    <li><strong>Submit the article in Microsoft Word document format (.doc or .docx) only.</strong> </li>
                    <li><strong>It should be written in either American or British English.</strong> </li>
                    <li><strong>The length of articles should be greater than 800 words but should not exceed 1000 words, excluding the references.</strong> </li>
                    <li><strong>The article must be in the same format (Font: Times New Roman, Size: 12, color: black).</strong> </li>
                    <li><strong>If images are included, submit in jpg format only with references.</strong> </li>
                    <li><strong>Use double-spacing throughout the text, tables, figure legends, and references.</strong> </li>
                    <li><strong>Electronic files should be double-spaced typed pages in A4.</strong> </li>
                    <li><strong>Use 1̋ margins on all sides.</strong> </li>
                    <li><strong>Technical terms should be defined. Symbols, abbreviations, and acronyms should be defined the first time they are used.</strong> </li>
                    <li><strong>Try to number all pages at the bottom right.</strong> </li>
                    <li><strong>The authors can use EndNote or Mendeley Software for citations.</strong> </li>
                    <!-- <li><strong></strong> </li> -->
                </ol> --}}
                        <br>        
                <p style="color: green; font-size: large;"><b>Article title and author information</b> </p> <hr>
                    <ul style="color: green;">
                        <li><strong>The headings must be bold and centered.</strong> </li>
                        <li><strong>Capitalize only the first letter of each word in the title.</strong> </li>
                        <li><strong>Mention the author’s name, including institutional affiliation, email, and mobile number.</strong> </li>
                        <!-- <li><strong>Technical Information</strong> </li> -->
                        <!-- <li><strong></strong> </li> -->
                    </ul>

                    <p style="color: red;">** If the submitted articles need any changes, our editorial board will resend it to the authors. The editors will review all articles, and make minor changes for readability, organization and Associated Press style prior to publication.</p>
                </div>         
            </div>







   
          </form>


        </div>
    </div>
 </section>   





































    <!-- start banner Area -->
    {{-- <section
      class="banner-area relative"
      id="home"
      data-parallax="scroll"
      data-image-src="{{asset('img/header-bg.jpg"
    >
      <div class="overlay-bg overlay"></div>
      <div class="container">
        <div class="row fullscreen">
          <div
            class="banner-content d-flex align-items-center col-lg-12 col-md-12"
          >
            <h1>
              Welcome to myiotlab<br />
              <p>
                L<span style="font-size: 0.7em">earn</span> &nbspC<span
                  style="font-size: 0.7em"
                  >reate</span
                >
                &nbspS<span style="font-size: 0.7em">hare</span>
              </p>
            </h1>
          </div>

          <div
            class="head-bottom-meta d-flex justify-content-between align-items-end col-lg-12"
          >
            <div class="col-lg-6 flex-row d-flex meta-left no-padding">
              <a href="/login" class="genric-btn info circle arrow mr-md-auto"
                >Visit Yotube <span class="lnr lnr-arrow-right"></span
              ></a>
            </div>
            <div
              class="col-lg-6 flex-row d-flex meta-right no-padding justify-content-end"
            >
              <div class="user-meta">
                <h4 class="text-white">Mark wiens</h4>
                <p>12 Dec, 2017 11:21 am</p>
              </div>
              <img class="img-fluid user-img" src="img/user.jpg" alt="" />
            </div>
          </div>
        </div>
      </div>
    </section> --}}
    <!-- End banner Area -->


        <!-- Start category Area -->
        {{-- <section class="category-area section-gap" id="news">
            <div class="container">
              <div class="row d-flex justify-content-center">
                <div class="menu-content pb-70 col-lg-8">
                  <div class="title text-center">
                    <h1 class="mb-10">Latest Posts from all categories</h1>
                    <p>Find the Latest Post from all category.</p>
                  </div>
                </div>
              </div>
              <div class="active-cat-carusel">
                  @foreach ($posts as $post)
                    <div class="item single-cat">
                        <img src="{{ asset('storage/post/'.$post->image)}}" alt="Post Image" />
                    <p class="date">{{ $post->created_at->diffForHumans() }}</p>
                        <h4><a href="{{ route('post', $post->id) }}">{{ $post->title}}</a></h4>
                    </div>
                  @endforeach

              </div>
            </div>
          </section> --}}
          <!-- End category Area -->
      
          {{-- <section class="travel-area section-gap" id="travel">
              <div class="container">
                  <div class="row d-flex justify-content-center">
                      <div class="menu-content pb-70 col-lg-8">
                          <div class="title text-center">
                              <h1 class="mb-10">Hot topics of this Week</h1>
                              <p>The posts which are most views in this week.</p>
                          </div>
                      </div>
                  </div>
                    <div class="container">
                        <div class="row justify-content-center">
                            @foreach ($posts as $post)
                            <div class="single-posts col-lg-4 col-sm-4 mb-3">
                                <img class="img-fluid" src="{{ asset('storage/post/'.$post->image)}}" alt="Image">
                                <div class="date mt-20 mb-20">{{ $post->created_at->diffForHumans() }}</div>
                                <div class="detail">
                                <a href="{{ route('post', $post->slug) }}"><h4 class="pb-20">{{ $post->title }}</h4></a>
                                    <p>
                                        {!! Str::limit($post->body, 100) !!}
                                    </p>
                                    <p class=" footer"="">
                                        <br>
                                        </p><ul class="d-flex space-around">
                                        <li><a href="javascript:void(0);" onclick=" toastr.info('To add to your favorite list you have to login first.', 'Info', { closeButton: true, progressBar: true, })">
                                          <i class="fa fa-heart-o" aria-hidden="true"></i><span>{{$post->likedUsers->count()}}</span></a></li>
                                        <li><i class="fa fa-comment-o" aria-hidden="true"></i><span> {{$post->comments->count()}}</span></li>
                                            <li><i class="fa fa-eye" aria-hidden="true"></i> <span>{{$post->view_count}}</span></li>
                                        </ul>
        
                                <p></p>
                                </div>
                            </div>
                            @endforeach
                        </div>
                    </div>
              </div>
          </section> --}}
      
          <!-- Start team Area -->
          {{-- <section class="team-area section-gap" id="about">
              <div class="container">
                  <div class="row d-flex justify-content-center">
                      <div class="menu-content pb-70 col-lg-8">
                          <div class="title text-center">
                              <h1 class="mb-10">About This Site</h1>
                              <p>This is personal blogging site related to Internet of Things &amp; Web Development Tutorials</p>
                          </div>
                      </div>
                  </div>
                  <div class="row justify-content-center d-flex align-items-center">
                      <div class="col-lg-6 team-left">
                          <p>
                              Find a blogs and tutorials related to Internet of things, Web Designe, Web Development, GIS Web applications and more.
                          </p>
                          <p>
                              This site is made with laravel framework. The theme is <a href="">Blogger Theme</a> and the Admin Panel theme is <a href="https://github.com/puikinsh/sufee-admin-dashboard">Sufee Admin</a>.
                </p>
                <p>Checkout the full tutorial how this site is made on <span class="c1">Youtube</span>.</p>
                          <h4>About the Creator</h4>
                          <br>
                          <p>I am <span class="c1">Full stack Web Developer</span> specialized <span class="c1">LARAVEL</span> - PHP. Currently Studing GEOSPATIAL SCIENCE and learning <span class="c1">GIS Web Applications Development</span>. </p>
                          <br>
                          <h4>Email: <span style="font-size: medium; font-weight: lighter;">subhadipghorui105@gmail.com</span></h4>
                          <br>
                          <div class="col-md-12 d-flex justify-content-center py-3 mt-2">
                              <a href="https://subhadipghorui.github.io" class="genric-btn info circle arrow mr-md-auto" target="_blank">Know More<span class="lnr lnr-arrow-right"></span></a>
                          </div>
                      </div>
                      <div class="col-lg-6 team-right d-flex justify-content-center">
                          <div class="row">
                              <div class="single-team">
                                  <div class="thumb">
                                      <img class="img-fluid w-75 mx-auto" src="{{ asset('frontend/img/admin.png')}}" alt="admin">
                                      <div class="align-items-center justify-content-center d-flex">
                                          <a href="#"><i class="fab fa-facebook-f" aria-hidden="true"></i></a>
                                          <a href="#"><i class="fab fa-youtube" aria-hidden="true"></i></a>
                                      </div>
                                  </div>
                                  <div class="meta-text mt-30 text-center">
                                      <h4>Subhadip Ghorui</h4>
                                      <p>Creator</p>
                                  </div>
                              </div>
                          </div>
                      </div>
                  </div>
              </div>
          </section> --}}
          <!-- End team Area -->

          @endsection