@extends('backend.layouts.layouts')
@section('content')
<main id="main" class="main">

<!-- destination Section -->
<section class="inner-page-section bg-backin">
    <div class="container">

      <div class="row">
        <div class="col-12 text-center">
          <nav style="--bs-breadcrumb-divider: url(&#34;data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8'%3E%3Cpath d='M2.5 0L1 1.5 3.5 4 1 6.5 2.5 8l4-4-4-4z' fill='currentColor'/%3E%3C/svg%3E&#34;);" aria-label="breadcrumb">
            <ol class="breadcrumb">
              <li class="breadcrumb-item">Home</li>
              <li class="breadcrumb-item active" aria-current="page">Application</li>
            </ol>
          </nav>
        </div>

        <div class="col-12 ">
          <h1 class="heading mb-4">Application</h1>
        </div>
    </div>

      <div class="career-detailss">
        <div class="row">

                <div class="col-12 col-lg-6">
                        <div class="career-text me-5">

                            <p class="text-inn"><span><b>Designation</b></span>{{$career->position}}</p>
                            <p class="text-inn"><span><b>Location</b></span>{{$career->location}}</p>
                            <p class="text-inn"><span><b>Country/Region</b></span>{{$career->location}}</p>
                            <p class="text-inn"><span><b>Requirements </b></span>{{$career->requirement}}</p>
                           

                        </div>
                  </div>


                 <div class="col-12 col-lg-6">
                        <div class="text from-too">

                            <form
                            action=""
                            method="GET"
                            class="row gx-4"
                            enctype="multipart/form-data"

                          >@csrf

                          <h4 class="mb-4 heading">Apply for this position</h4>
                            <div class="col-md-12 mb-3">
                              <div class="form-group grouping">
                                <label>Full Name </label>
                                <input
                                  type="text"
                                  class="form-control"
                                  placeholder="Full Name"
                                  name="firstname"
                                  id="firstname" value = "{{$career->f_name}}"
                                  required
                                />
                              </div>
                            </div>
                            <div class="col-md-12 mb-3">
                              <div class="form-group grouping">
                                <label>Email Id.</label>
                                <input
                                  type="email"
                                  class="form-control"
                                  placeholder="Email Id." value = "{{$career->email}}"
                                  name="email"
                                  id="email"
                                  required
                                />
                              </div>
                            </div>
                            <div class="col-md-12 mb-3">
                              <div class="form-group grouping">
                                <label>Phone No.</label>
                                <input
                                  type="tel"
                                  class="form-control"
                                  name="phone" value = "{{$career->phone}}"
                                  id="phone"
                                  placeholder="Phone No."
                                />
                              </div>

                             <!--    <div class="col-md-12 mb-3">
                             <div class="form-group grouping">
                                <label>Current Salary</label>
                                <input
                                  type="tel"
                                  class="form-control"
                                  name="phone" value = "{{$career->csal}}"
                                  id="phone"
                                  placeholder="Phone No."
                                />
                              </div> -->

                            <!--  <div class="col-md-12 mb-3">
                               <div class="form-group grouping">
                                <label>Expected Salary</label>
                                <input
                                  type="tel"
                                  class="form-control"
                                  name="phone" value = "{{$career->esal}}"
                                  id="phone"
                                  placeholder="Phone No."
                                />
                              </div>
 -->
                             <!--  <div class="col-md-12 mb-3">
                               <div class="form-group grouping">
                                <label>Notice Period</label>
                                <input
                                  type="tel"
                                  class="form-control"
                                  name="phone" value = "{{$career->period}}"
                                  id="phone"
                                  placeholder="Phone No."
                                />
                              </div> 

                            </div>-->
                            <div class="col-md-12 mb-3">
                                <div class="form-group grouping">
                                  <label>Message</label>
                                  <textarea
                                  id="message"
                                  name="message"
                                  rows="3"
                                  class="form-controls"
                                  placeholder="Cover Letter" required>{{$career->message}}</textarea>
                                </div>
                              </div>
                              <div class="col-md-12 mb-3">

                                    <a class="button button2 continue" target="_blank" href="{{url('public/'.$career->resume)}}">View Resume</a>

                                </div>
                              <!-- </div>
                              </div>
 -->
                          </form>
                        </div>
                </div>


         </div>
      </div>

       </div>

      </div>
    </div>
  </section>
</main>
  @endsection