@extends('backend.layouts.main')

@section('title', 'MLI ATS | Weekly MOF Report')

@section('content')
    <div class="container px-6 mx-auto grid">
        @include('backend.share.title', ['title' => 'Manage Weekly MOF Report'])
        <div class="md:flex flex-none">
            <div class="px-3 py-3 mb-2 mr-3 bg-white rounded-lg shadow-md w-full">
                <div class="p-3">
                    <form method="POST" action="{{ route('admin.mof-report.update', $mofReport->id) }}">
                        @csrf
                        <h3 class="font-semibold text-slate-500 border-b border-gray-200 mb-2">Edit MOF and Participation
                            Record</h3>
                        <div class="lg:flex flex-none  space-x-5 mt-2">
                            <div class="lg:w-1/3 w-full mt-3 lg:mt-0">
                                <div class="block text-sm">
                                    <span class="text-slate-500">OnePager Produced</span>
                                    <input
                                        class="mt-1 px-3 py-2 placeholder-slate-300 text-slate-600 relative bg-white rounded text-sm border border-slate-300 outline-none focus:outline-none focus:ring w-full"
                                        placeholder="Ex. 123" name="one_pager_produced"
                                        value="{{ $mofReport->one_pager_produced }}" />
                                </div>
                            </div>
                            <div class="lg:w-1/3 w-full mt-3 lg:mt-0">
                                <div class="block text-sm">
                                    <span class="text-slate-500">OnePager In-Route</span>
                                    <input
                                        class="mt-1 px-3 py-2 placeholder-slate-300 text-slate-600 relative bg-white rounded text-sm border border-slate-300 outline-none focus:outline-none focus:ring w-full"
                                        placeholder="Ex. 123" name="one_pager_in_route"
                                        value="{{ $mofReport->one_pager_in_route }}" />
                                </div>
                            </div>
                        </div>

                        <div class="lg:flex flex-none  space-x-5 mt-3">
                            <div class="lg:w-1/3 w-full mt-3 lg:mt-0">
                                <label class="block text-sm">
                                    <span class="text-slate-500">MOF Uploaded</span>
                                    <input
                                        class="mt-1 px-3 py-2 placeholder-slate-300 text-slate-600 relative bg-white rounded text-sm border border-slate-300 outline-none focus:outline-none focus:ring w-full"
                                        placeholder="Ex. 123" name="mof_uploaded" value="{{ $mofReport->mof_uploaded }}" />
                                </label>
                            </div>
                            <div class="lg:w-1/3 w-full mt-3 lg:mt-0">
                                <label class="block text-sm">
                                    <span class="text-slate-500">Participation Records Uploaded</span>
                                    <input
                                        class="mt-1 px-3 py-2 placeholder-slate-300 text-slate-600 relative bg-white rounded text-sm border border-slate-300 outline-none focus:outline-none focus:ring w-full"
                                        placeholder="Ex. 123" name="participation_uploaded"
                                        value="{{ $mofReport->participation_uploaded }}" />
                                </label>
                            </div>
                        </div>
                        <div class="block mt-10 text-sm">
                            @include('backend.share.update-button', ['name' => 'Update'])
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
@endsection