@extends('layouts.app')

@section('meta')
<title>{{$mugshot->first_name}} {{$mugshot->last_name}} was arrested on {{$newBookingDate}} in Henrico, VA</title>
<meta name="description" content="{{$mugshot->first_name}} {{$mugshot->last_name}} was arrested and charged with {{$firstCharge}} in Henrico County, VA on {{$newBookingDate}}. An arrest photo was taken of {{$mugshot->first_name}} {{$mugshot->last_name}} during the booking process." >

<!-- Facebook OG -->
<meta property="og:type" content="article" />
<meta property="og:url" content="{{Request::url()}}" />
<meta property="og:title" content="{{$mugshot->first_name}} {{$mugshot->middle_name}} {{$mugshot->last_name}}"/>
<meta property="og:image" content="{{asset('images')}}/mugshots/{{$mugshot->id}}.jpg"/>
@endsection

@section('content')
    <div class="grid grid-cols-1 lg:grid-cols-6 gap-4 my-8">

        {{-- Adds --}}
        <div class="p-1 lg:col-span-2">
            @include('shared.google-add')
        </div>

        {{-- Contents --}}
        <div class="flex flex-col space-y-8 lg:col-span-4">
            <div class="p-3 bg-gray-800 text-center">
                <a class="font-lighter text-horange-100 hover:underline hover:text-horange-200" href="{{ route('advertise') }}"> Lawyer?  Bail Bondsman?  Click Here to ADVERTISE With Us!!!</a>
            </div>

            <div class="flex flex-col space-y-2">

                <div class="flex flex-col space-y-8 md:space-y-0 md:flex-row md:space-x-8 border border-solid border-gray-200 rounded-md p-4">
                    <div class="flex flex-col space-y-2 md:w-1/2">
                        <img class="w-full" src="{{$mugshot->image}}" alt="Mugshot Photo of {{$mugshot->first_name}} {{$mugshot->last_name}}" title="Mugshot Photo of {{$mugshot->first_name}} {{$mugshot->last_name}}">
                        <a class="text-xs font-lighter text-horange-100 hover:underline hover:text-horange-200"
                        href="http://cawnat.everify.revenuewire.net/e-membership/homepage/?henrico"
                        target="_blank">Order a Criminal Background Report on {{$mugshot->first_name}}{{$mugshot->middle_name}}{{$mugshot->last_name}}</a>
                    </div>

                    <div class="md:w-1/2 text-gray-500 font-light">
                        <div>Name: {{$mugshot->first_name}} {{$mugshot->middle_name}} {{$mugshot->last_name}} {{$mugshot->suffix}}</div>
                        <div>Location: {{$mugshot->location}}</div>
                        <div>Booking Date: {{$mugshot->booking_date}}</div>
                        <div>Race: {{$mugshot->race}}</div>
                        <div>Gender: {{$mugshot->gender}}</div>
                        <div>Charges: <br /> {!! $mugshot->charges !!}</div>

                        @if(!empty($mugshot->story) && $mugshot->story != "NULL")
                            <div>Story: <br /> {!! $mugshot->story !!}</div>
                        @endif
                        <br />
                        @if($mugshot->additional_info)
                            {{$mugshot->additional_info}}
                        @endif

                    </div>
                </div>

                {{-- Share --}}
                <div class="flex items-center justify-between">

                    <div class="flex items-center space-x-2">
                        <div class="fb-share-button" data-href="{{Request::url()}}" data-layout="button_count" data-size="small" data-mobile-iframe="false"><a class="fb-xfbml-parse-ignore" target="_blank" href="https://www.facebook.com/sharer/sharer.php?u=http%3A%2F%2Felpasomugshots.com%2F&amp;src=sdkpreparse"></a></div>
                        <div><a class="twitter-share-button" href="https://twitter.com/intent/tweet"></a></div>
                        <div class="g-plusone" data-size="medium" data-annotation="none" data-href="{{Request::url()}}"></div>
                    </div>

                    <button class="button orange-button button-small">Print</button>

                </div>

            </div>

            <div class="p-3 bg-gray-800 text-center">
                <a class="font-lighter text-horange-100 hover:underline hover:text-horange-200" href="{{ route('advertise') }}">Advertise Here</a>
            </div>

        </div>

    </div>
@endsection