@extends('portal.main.layout')

@section('title','Closure Extension Approval')

@section('breadcrumb')

    <ol class="breadcrumb bg-transparent mb-0 pb-0 pt-1 px-0 me-sm-6 me-5">
        <li class="breadcrumb-item text-sm text-white">
            <a class="text-white" href="{{ route('dashboard.index') }}">
                <i class="fas fa-home"></i>
            </a>
        </li>
        <li class="breadcrumb-item text-sm text-white active" aria-current="page">@yield('title')</li>
    </ol>

@endsection

@section('styles')

@endsection

@section('content')

    <div class="row mt-4" id="closure_extension_page"
         data-actionurl="{{ route('closure_extension.action') }}"
         data-getrecordurl="{{ route('closure_extension.record') }}"
         data-token="{{ csrf_token() }}">
        <div class="col-12">

            <div class="card">

                <div class="mt-3" style="min-height: 40vh">

                    <div class="col-md-4" style="margin-left: 20px">

                        <h3 id="yourchoice"></h3>

                        <div class="col-12 col-md-12 ms-auto mt-3">
                            <h6>Extension From Date</h6>
                            <p id="current_due_date"></p>
                        </div>

                        <div class="col-12 col-md-12 ms-auto mt-3">
                            <h6>Extension To Date</h6>
                            <p id="proposed_due_date"></p>
                        </div>

                        <div class="col-12 col-md-12 ms-auto mt-3">
                            <h6>Reason for Extension</h6>
                            <p id="reason"></p>
                        </div>

                        <div class="col-12 col-md-12 ms-auto mt-3">
                            <h6>Comment</h6>
                            <textarea placeholder="Comment..." class="form-control" rows="4" id="messageid"></textarea>
                        </div>

                        <button onclick="saveAction()" id="btnsubmit" class="btn btn-danger ms-auto mb-3 mt-3" type="button" title="Submit">Submit</button>
                    </div>
                    <div class="col-md-8">

                    </div>
                </div>
            </div>
        </div>
    </div>

@endsection

@section('scripts')

    <script src="{{ asset('assets/js/plugins/sweetalert2.all.js') }}" type="text/javascript"></script>
    <script src="{{ asset('assets/js/plugins/sweet-alerts.min.js') }}" type="text/javascript"></script>
    <script src="{{ asset('js/core/closure_extension.js') }}" type="text/javascript"></script>

@endsection