@extends('layouts.front')
@section('title', 'Apply - ')

@section('content')

{{-- Body Content Here --}}

<section id="portfolio" class="portfolio-section-1 mt-6">
  <div class="container">
    <div class="row">

        <div class="col-md-4">
            <div class="bg-white p-3 lp">
                <h3>অভিযোগ ফরম</h3>
                <p>লিগ্যাল এইড অভিযোগ ফরম টি ডাউলোড করে প্রিন্ট করুন। এবং জজ কোর্ট চাঁদপুর ভবনের ৩৫ নাম্বার রুমে জমা দিন।</p>
                <p style="color: red">বিঃদ্রঃ একবার এই পেইজ থেকে চলে গেলে অভিযোগ ফরম টি আর ডাউনলোড করতে পারবেন না।</p>
                <a href="{{ route('complaints.downloadPdf', ['id' => $complaint->id]) }}">
                    <button class="btn btn-primary" style="background: green; color: #fff">
                        Download
                    </button>
                </a>
                <button class="btn btnprimary" style="background: rgb(52, 2, 189); color: #fff">Print</button>
            </div>
        </div>
        <div class="col-md-8">
            <div class="bg-white p-3 lp">
                <div>
                    <p>
                        তারিখ- {!! $creationTime !!}<br>
                        বরাবর<br>
                        জেলা লিগ্যাল এইড অফিসার<br>
                        চাঁদপুর জেলা লিগ্যাল এইড অফিস, চাঁদপুর
                    <p>
                    <p>
                        <strong>বিষয়ঃ অভিযোগ</strong>
                    </p>
                </div>
                
                <div style="display: flex">
                    <div style="width: 120px">
                        <strong>প্রার্থীঃ</strong>
                    </div>
                    <div style="width: 100%">
                        {!! $complaint->badi !!}
                    </div>
                </div>
                <div style="display: flex">
                    <div style="width: 120px">
                        <strong>প্রতিপক্ষগণঃ</strong>
                    </div>
                    <div class="tb-f" style="width: 100%">
                        {!! $complaint->bibadi !!}
                    </div>
                </div>
                <div style="display: flex">
                    <div style="width: 120px">
                        <strong>সাক্ষীগণঃ</strong>
                    </div>
                    <div class="tb-f" style="width: 100%">
                        {!! $complaint->sakkhi !!}
                    </div>
                </div>
                <div>
                    <p>
                        জনাব,<br>
                        আমি নিম্ন স্বাক্ষরকারী এই মর্মে অভিযোগ দায়ের করিতেছি যে,
                    </p>
                    <div style=" text-align: justify">{!! $complaint->ovijog !!}</div>
                    <p>
                        এমতাবস্থায় উপরোক্ত অবস্থা ও কারণাধীনে প্রয়োজনীয় আইনগত ব্যাবস্থা গ্রহণ করিতে আপনার সদয় মর্জি হয়।
                    </p>
                    <p>
                        নিবেদক
                    </p>
                    <p><br></p>
                    <p><br></p>
                    {!! $complaint->sign !!}
                </div>
            </div>
        </div>
        
    </div>
  </div>
</section>

<style>
    .mt-6 {
        margin-top: 6rem; 
    }
    .navbar-default {
        background-color: #222; 
    }
    .p-3 { 
        padding: 3rem; 
    }
    .mb-1 { 
        margin-bottom: 1rem !important; 
    }
    .lp {
        border: 1px solid #ccc;
        border-radius: 4px;
    }
    p {
        font-size: 16px !important;
    }
    .lp p { 
        font-size: 14px !important; 
    }
    .bg-white { 
        background: #fff !important;
        }
</style>

@endsection