@extends('pages.jobs.info')

@section('content')
<!--begin::details View-->
<div class="card mb-5 mb-xl-10" id="kt_profile_details_view">
    <!--begin::Card header-->
    <div class="card-header cursor-pointer">
        <!--begin::Card title-->
        <div class="card-title m-0">
            <h3 class="fw-bolder m-0">Contract Budget</h3>
        </div>
        <!--end::Card title-->
    </div>
    <!--begin::Card header-->
    <!--begin::Card body-->
    <div class="card-body">
        <!--begin::Row-->
        <div class="row mb-8">
            <!--begin::Col-->
            <div class="col-xl-3">
                <div class="fs-6 fw-bold mt-2 mb-3">Current Status</div>
            </div>
            <!--end::Col-->
            <!--begin::Col-->
            <div class="col-xl-9">
                <!--begin::Progress-->
                <div class="d-flex flex-column">
                    <div class="d-flex justify-content-between w-100 fs-4 fw-bolder mb-3">
                        <span>Budget</span>
                        <span>$22,300 of 36,000 Used</span>
                    </div>
                    <div class="h-8px bg-light rounded mb-3">
                        <div class="bg-success rounded h-8px" role="progressbar" style="width: 68%;" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100"></div>
                    </div>
                    <div class="fw-bold text-gray-600">14 Targets are remaining</div>
                </div>
                <!--end::Progress-->
            </div>
            <!--end::Col-->
        </div>
    </div>
</div>
@endsection