@extends('layouts.master')





@section('title', 'Workload Arrangement Table for Mission Based Add/Edit')

@section('style')
    <style></style>
@endsection

@section('script')
    <script></script>
@endsection

@section('content')

@include('layouts.header')


	@include('layouts.title')


    <section class="wrapper bg-light">
        <div class="container py-15 py-md-17">


            <div class="col-md-12">
                <h5 class="display-1 mb-3" style="font-size: 30px">@yield('title')</h5>
                <p class="lead fs-lg pe-lg-15 pe-xxl-12"></p>
            </div>

            <div class="col-lg-12">
				<div class="blog single">
					<div class="card">
						<div class="card-body">
                        
							<div class="row">
								<div class="col-lg-12">
                                    <form method="post" action="{{ url('/missionedit') }}">
                                        {{ csrf_field() }}

                                        <input type="hidden" name="mission_type_id" value="{{ $mission_type->mission_type_id }}">

                                        {{-- Mission Based Type  Header --}}
                                        <div class="mb-4">
                                            <label>Mission Based Type </label>
                                            <input type="text"
                                                class="form-control"
                                                value="{{ $mission_type->mission_type_name }}"
                                                readonly>

                                            <input type="hidden"
                                                name="mission_type_id"
                                                value="{{ $mission_type->mission_type_id }}">
                                        </div>

                                        <hr>

                                        <table class="table table-bordered">
                                            <thead class="table-light">
                                                <tr>
                                                    <th style="width:40%">Workload Arrangement</th>
                                                    <th style="width:30%">Unit</th>
                                                    <!-- <th style="width:30%">Value</th> -->
                                                </tr>
                                            </thead>
                                            <tbody>

                                            @foreach($WAMissions as $w)

                                                @php
                                                    $existing = $missions
                                                        ->where('mission_name', $w->WAMission_id)
                                                        ->first();
                                                @endphp

                                                <tr>

                                                    {{-- แสดงเสมอ --}}
                                                    <td>{{ $w->WAMission_title }}</td>
                                                    {{-- Unit --}}
                                                    <td>
                                                        {{ $w->unit_name ?? '-' }}
                                                    </td>

                                                    <!-- {{-- Value --}}
                                                    <td>
                                                        <input type="text"
                                                            name="mission_value[{{ $w->WAMission_id }}]"
                                                            class="form-control"
                                                            value="{{ $existing->mission_value ?? '' }}">
                                                    </td> -->

                                                </tr>

                                            @endforeach

                                            </tbody>
                                        </table>

                                        <!-- <div class="text-center mt-4">
                                            <button type="submit" class="btn btn-primary rounded-pill">
                                                Save
                                            </button>
                                        </div> -->

                                    </form>


                                   
								</div>
							</div>

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

           
           
        </div>
    </section>


        @include('layouts.footer')

    @endsection