@extends('layouts.front')

@section('content')
<div class="section-padding audit-summary">
    <div class="container">
        <div class="row">
            <div class="col-lg-8">
                <div class="card border-0 bg-white">
                    <div class="card-body p-5">
                        <div class="flex-column gap-5 d-flex">
                            <div class="d-flex justify-content-between gap-4">
                                <div>
                                    <span class="text-uppercase small text-muted fw-bold d-block mb-2">{{'Citation'}}</span>
                                    <h5 class="m-0">{{$auditTrigger->citation}}</h5>
                                </div>
                                <div>
                                    <span class="text-uppercase small text-muted fw-bold d-block mb-2">{{'Industry'}}</span>
                                    <p>{{$auditTrigger->industry}}</p>
                                </div>
                            </div>
                            <div class="awb p-4">
                                <span class="text-uppercase small fw-bold d-block mb-2">{{'AUDIT Trigger'}}</span>
                                <p class="m-0">{{$auditTrigger->trigger}}</p>
                            </div>
                            <div>
                                <span class="text-uppercase small text-muted fw-bold d-block mb-2">{{'Outcome'}}</span>
                                <p>{!! $auditTrigger->outcome ? $auditTrigger->outcome : '<em>Information pending further review</em>' !!}</p>
                            </div>
                        </div>
                    </div>
                    <!-- <div class="card-footer px-4 py-3">
                        <div class="d-flex justify-content-between">
                            <a class="btn-cta fill" href="">Access Full Report</a>
                            <a class="btn-cta p-0" href="{{url('contact-us')}}">Request Expert Consultation</a>
                        </div>
                    </div> -->
                </div>
            </div>
            <div class="col-lg-4">
                <div class="card border-0 position-relative theme-overlay overflow-hidden">
                    <img class="position-absolute h-100 top-0 start-0 rounded object-fit-cover w-100" src="{{asset('assets/images/sections/firu-tax-lady-explaining-tax.webp')}}" alt="{{env('APP_NAME')}}">
                    <div class="card-body text-center position-relative z-3 py-5 text-white">
                        <h5>Need Audit Support?</h5>
                        <p>Consult with our tax experts to review your related party transactions.</p>
                        <a class="btn-cta fill mx-auto" href="{{url('contact-us')}}">Consult expert</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection