@extends('layouts.public')
@section('metatags')
<title>{{$record->title}} | #{{@implode(' #', $skills)}}</title>
<meta property="og:title" content="{{$record->title}}">
<meta property="og:description" content="{!!$record->summary!!} | #{{@implode(' #', $skills)}}">
<meta property="og:image" content="https://app.gigminds.com/images/jobs/ads/{{$record->uuid}}.png">
<meta property="og:url" content="{{route('publicJobsDetail', $record->uuid)}}">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:image:alt" content="{{$record->title}}">
<meta property="fb:app_id" content="192830410775937" />
<meta name="twitter:site" content="@gigmindshq">
@endsection
@section('content')



<div class="card flex-row flex-wrap w-100 bg-white border-1 shadow-none p-0">
    <div class="card-block p-2 col-12">
        <div class="row py-1" style="border-top:0px dotted #aaa;">
            <div class="col-sm-3 pb-3">
                <img src="https://test.gigminds.com/images/gigmindslogo.png" class="col-sm-12" />tenant logo
            </div>
            <div class="col-sm-9 pb-3">
                <h2 class="text-900 text-uppercase">
                    Job->Title&nbsp;&nbsp;
                </h2>
                <h4>
                    <span class="text-bolder text-uppercase">
                        Job->Tenant ID->Tenant Name&nbsp;&nbsp;
                    </span>
                    <span class="text-lighter text-uppercase">
                        Job->Location
                    </span>
                </h4>

            </div>
        </div>

        <div class="row py-1" style="border-top:0px dotted #aaa;">
            <div class="col-sm-3 pb-3">
                <small class="text-muted">POSTING DATE</small><br>
                <strong class="h6">Job->Created At&nbsp;</strong>
            </div>

            <div class="col-sm-3 pb-3">
                <small class="text-muted">START DATE</small><br>
                <strong class="h6">Job->Start Date&nbsp;</strong>
            </div>

            <div class="col-sm-3 pb-3">
                <small class="text-muted">EXPERIENCE</small><br>
                <strong class="h6">Experience Level&nbsp;</strong>
            </div>

            <div class="col-sm-3 pb-3">
                <small class="text-muted">PREFERRED EMPLOYMENT</small><br>
                <strong class="h6">W2 - Contract&nbsp;</strong>
            </div>

            <div class="col-sm-3 pb-3">
                <small class="text-muted">COUNTRY</small><br>
                <strong class="h6">United States of America&nbsp;</strong>
            </div>

            <div class="col-sm-3 pb-3">
                <small class="text-muted">RELOCATION PROVIDED</small><br>
                <strong class="h6">Yes&nbsp;</strong>
            </div>

            <div class="col-sm-3 pb-3">
                <small class="text-muted">REMOTE WORK?</small><br>
                <strong class="h6">Yes&nbsp;</strong>
            </div>

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

<div class="row">
    <div class="col-md-8">
        <h3 class="text-900">
            Job details&nbsp;&nbsp;&raquo;
        </h3>
        <div class="my-4">
            Job description goes here...
        </div>
        <hr />
        <h3 class="text-900 mt-4">
            Recent job opportunities from "tenant name"&nbsp;&nbsp;&raquo;
        </h3>
        Message for Mayank: display recent 5 jobs from jobs table for the tenant where status = Active
        <div class="card flex-row flex-wrap w-100 bg-white border shadow-none mt-4">
            <div class="card-body">
                <div class="row">
                    <div class="col-md-12">
                        <div>
                            <h5 class="text-900 text-uppercase">
                                <a class="section" href="/jobs/details/" data-type="Jobs" data-id="df3ac09e-85be-11ec-97ef-5a7edb30b5e5"><strong>Salesforce Lightning Developer</strong></a> &nbsp;<a href="/jobs/details/df3ac09e-85be-11ec-97ef-5a7edb30b5e5" target="_blank"><i class="cil-external-link"></i></a>
                            </h5>
                        </div>
                        <h5 class="my-2">
                            <span class="text-200 text-uppercase">
                                Location
                            </span>
                        </h5>
                        <div class="row pt-3">
                            <div class="col-sm-3">
                                <div class="text-300">Country</div>
                                <div><strong>India</strong></div>
                            </div>
                            <div class="col-sm-3">
                                <div class="text-300">Experience Level</div>
                                <div><strong>Mid (3-5 Yrs)</strong></div>
                            </div>
                            <div class="col-sm-3">
                                <div class="text-300">Preferred Employment</div>
                                <div><strong>Corp - Corp</strong></div>
                            </div>
                            <div class="col-sm-3">
                                <div class="text-300">Posted on</div>
                                <div><strong>Aug 11, 2021</strong></div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="col-sm-4">
        <div class="card flex-row flex-wrap w-100 h-100 bg-light border shadow">
            <div class="card-body">
                <div class="row">
                    <div class="col-md-12">
                        <h3 class="text-900 pb-3">
                            Apply now&nbsp;&nbsp;&raquo;
                        </h3>

                        <input placeholder="First name" class="form-control mb-3" name="first_name" type="text" id="first_name">
                        <input placeholder="Last name" class="form-control mb-3" name="last_name" type="text" id="last_name">
                        <input placeholder="Email address" class="form-control mb-3" name="last_name" type="email" id="last_name">
                        <label for="resume">Attach your resume</label>
                        <input type="file" id="resume" class="mb-4">
                        <button class="btn btn-success btn-lg text-white">Submit Resume →</button>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>



@endsection