@extends('front.user-dash.layout.app')

@section('content')
<style>
.nk-content {
    margin-top: 115px !important;
    padding-bottom: 50px !important;
}
.card{
        background-color: #fff !important;
}
span {
    font-weight: 700;
}
a {
    color: #000000;
    text-decoration: underline;
}
</style>

        <!-- content @s -->
        <div class="nk-content ">
                    <div class="container-fluid">
                        <div class="nk-content-inner">
                            <div class="nk-content-body">
                                <div class="content-page wide-md m-auto">
                                    <div class="nk-block">
                                        <div class="card card-bordered">
                                            <div class="card-inner card-inner-xl">
                                                <article class="entry">
                                                    <!-- <img src="./images/slides/slide-b.jpg" alt=""> -->
                                                    <h4 class="mt-4 mb-4">Cover Letter</h4>
                                                    <p>{{ $proposal->letter }}</p>
                                                </article>

                                                <article class="entry mt-3 pt-3">
                                                    <!-- <img src="./images/slides/slide-b.jpg" alt=""> -->
                                                    <h4 class="mt-4 mb-4">Proposal Budget</h4>
                                                    @if($proposal->rate == "hourly")
                                                    <p><span>Budget: </span> <strong> <a href="javascript:;"> ${{ $proposal->budget }} / Hour</a> </strong> </p>
                                                    @else
                                                    <p><span>Budget: </span> <strong> <a href="javascript:;"> ${{ $proposal->budget }} / Fixed</a> </strong> </p>
                                                    @endif
                                                </article>

                                                <article class="entry mt-3 pt-3">
                                                    <!-- <img src="./images/slides/slide-b.jpg" alt=""> -->
                                                    <h4 class="mt-4 mb-4">Contact Information</h4>
                                                    <p><span>Phone: </span> <strong> <a href="tel:{{ $proposal->procurement->number }}">{{ $proposal->procurement->number }}</a> </strong> </p>
                                                    <p><span>Email: </span> <strong> <a href="{{ $proposal->procurement->email }}">{{ $proposal->procurement->email }}</a> </strong> </p>
                                                </article>
                                            </div>
                                        </div>
                                    </div><!-- .nk-block -->
                                </div><!-- .content-page -->
                            </div>
                        </div>
                    </div>
                </div>
        <!-- content @e -->

@endsection