@extends('layout.container')

@section('title', $vacancy->title)
@section('meta_tags', $vacancy->meta_tags)
@section('meta_description', $vacancy->meta_description)

@section('footer_js')
    <script type="text/javascript">
        $(document).ready(function () {
            $('#fixed-collapse-navbar li').removeClass('active');
            $('#fixed-collapse-navbar').find('.career').addClass('active');
        });
    </script>
@endsection

@section('dynamicdata')

    <!--Page header & Title-->
    <section id="page_header">
        <div class="page_title">
            <div class="container">
                <div class="row">
                    <div class="col-md-12">
                        <h2 class="title">Career Detail</h2>
                        <div class="page_link">
                            <a href="{!! route('home') !!}">Home</a>
                            <span><i class="fa fa-long-arrow-right"></i></span>
                            <a href="{!! route('careers') !!}">Career</a>
                            <span><i class="fa fa-long-arrow-right"></i>{!! $vacancy->heading !!}</span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- Blog Details -->
    <section id="blog" class="padding-top padding-top2">
        <div class="container">
            <div class="row">
                <div class="col-md-8 col-sm-7">
                    <div class="blog_item padding-bottom">
                        <h3>{!! $vacancy->heading !!}</h3>

                        <div>
                            {!! $vacancy->description !!}
                        </div>
                        <div class="carrerform-wrapper">
                            <h3 class="subtitle">Apply For Job</h3>
                            @if($vacancy->deadline < date('Y-m-d'))
                                <h5 class="subtitle">This job has been expired.</h5>
                            @endif
                            <form class="form-horizontal" role="form" id="careerform" action="{!! route('career.apply', $vacancy->slug) !!}" method="post" enctype="multipart/form-data">
                                <div class="form-group">
                                    <div class="col-xs-12 col-sm-12 col-md-12">
                                        @include('layout.alert')
                                    </div>
                                    <div class="col-xs-12 col-sm-6 col-md-6">
                                        <label class="control-label " for="full_name">Full Name <span class="text-red">*</span></label>
                                        <input id="full_name" name="full_name" type="text" placeholder="Full Name" maxlength="50" class="form-control input-lg" value="{!! old('full_name') !!}" required>
                                    </div>

                                    <div class="col-xs-12 col-sm-6 col-md-6">
                                        <label class="control-label" for="email">Email <span class="text-red">*</span></label>

                                        <input id="email" name="email" type="email" placeholder="Your email address" maxlength="50" class="form-control input-lg" value="{!! old('email') !!}" required>
                                    </div>


                                    <div class="col-xs-12 col-sm-6 col-md-6">
                                        <label class="control-label" for="mobile">Phone Number <span class="text-red">*</span></label>
                                        <input id="mobile" name="phone" type="text" placeholder="Valid phone number eg. 9841..." maxlength="10" class="form-control input-lg" value="{!! old('phone') !!}" required>
                                        <div class="help-block" id="_chkmavlc"></div>
                                    </div>

                                    <div class="col-xs-12 col-sm-6 col-md-6">
                                        <label class="control-label" for="full_name">Current Company</label>
                                        <input id="current_company" name="current_company" type="text" placeholder="Type your current company name" maxlength="50" class="form-control input-lg" value="{!! old('current_company') !!}">
                                    </div>

                                    <div class="col-xs-12 col-sm-6 col-md-6">
                                        <label class="control-label " for="full_name">Resume / CV <span class="text-red">*</span></label>
                                        <input id="attachment" name="attachment" type="file" maxlength="50" class="" style="margin-top:5px;" required>
                                        <span>Only pdf and doc files are allowed.</span>
                                    </div>
                                </div>
                                <div class="form-group">
                                    <div class="col-sm-12">
                                        {!! csrf_field() !!}
                                        <button type="submit" id="_signup-trigger" data-loading-text="Processing..." class="btn button3 green-btn">Apply Now </button>
                                        <input type="hidden" name="vacancy_id" value="{!! $vacancy->id !!}" />
                                    </div>
                                </div>
                            </form>

                        </div>
                    </div>
                </div>
                <div class="col-md-4 col-sm-5">
                    @include('layout.sidebar')
                </div>
            </div>
        </div>
    </section>
@stop