@extends('admin.layouts.master')

@section('title')
    {{ $memo->subject }}
@endsection

@section('data-to-vue')
    <script type="text/javascript">
        window.app = {
            mode_of_payments: @json(mode_of_payments() ?? null),
            source_of_funds: @json(source_of_funds() ?? null),
            auditable_source_of_funds: @json(auditable_source_of_funds() ?? null),
            procurement_types: @json(procurement_types() ?? null),
            info_addressees: @json(info_addressees('NAVTRAC') ?? null),
            default_addressees: @json(default_addressees('NAVTRAC') ?? null),
            currencies: @json(currencies_dropdown() ?? null),
            now: @json(now()->format('Y-m-d')),
            category: @json($memo->category),
        }
    </script>
@endsection


@section('content')
    <div class="row">
        <div class="col-12">
            <div class="page-title-box d-sm-flex align-items-center justify-content-between">
                <h4 class="mb-sm-0">{{ $memo->subject }}
            </div>
        </div>
    </div>

    <div class="card">
        <div class="card-header">
            <div class="d-flex align-items-center">
                <div class="flex-grow-1">
                    <h6 class="card-title mb-0">{{ $memo->category }}</h6>
                </div>

                <a href="{{ $memo->category == 'REQUISITION' ? route('admin.memo.rm') : route('admin.memo.nrm') }}"
                    class="btn btn-outline-dark btn-sm float-end  mx-2">Back</a>

                @hasrole('NAVDOCK_DSNS')
                    <button type="button" id="btnModifyMemo" class="btn btn-info btn-sm float-end" data-bs-toggle="modal"
                        data-bs-target="#modifyMemo">Modify Memo</button>
                @endhasrole
            </div>
        </div>

        <div class="card-body form-steps">

            @hasanyrole('NAVDOCK_DSNS')
                <dsns-process></dsns-process>
            @endhasanyrole


            @hasanyrole(['NAVDOCK_CSNS'])
                @include('admin.pages.memo.navtrac.memo-summary')
                <navdock-csns-approve></navdock-csns-approve>
            @endhasanyrole
        </div>
    </div>
@endsection


@section('js')
    <script src="https://code.jquery.com/jquery-3.6.0.min.js"
        integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script>
@endsection