@extends('admin_dashboard')
@section('admin')

<style>
button, select {
  margin: 3px !important;
}
</style>

@php
use App\Models\DailyWorkInfo;
use App\Models\MemberInfo;
use App\Models\WorkTypeInfo;
use Carbon\Carbon;

// Get selected date range (from GET request), default both to today
$fromDate = request('from_date') ? Carbon::parse(request('from_date'))->toDateString() : Carbon::today()->toDateString();
$toDate   = request('to_date')   ? Carbon::parse(request('to_date'))->toDateString()   : Carbon::today()->toDateString();

// Fetch works between those dates (inclusive)
$works = DailyWorkInfo::with(['member', 'workType'])
            ->whereBetween('work_date', [$fromDate, $toDate])
            ->latest()
            ->get();
@endphp

<div class="content">

    <!-- Start Content-->
    <div class="container-fluid">

        <!-- start page title -->
        <div class="row">
            <div class="col-12">
                <div class="page-title-box">
                    <div class="page-title-right">
                        <ol class="breadcrumb m-0">
                            <button type="button"  class="btn btn-success px-1 shadow-sm" data-bs-toggle="modal" data-bs-target="#signup-modal"><i class="fa fa-plus"> </i> Add Works</button>
                            <button type="button"  class="btn btn-primary px-1 shadow-sm" data-bs-toggle="modal" data-bs-target="#type-modal"><i class="fa fa-plus"> </i> Add Work Type</button>
                            <a href="{{ route('work.type.index') }}"><button type="button" class="btn btn-warning px-1 shadow-sm"><i class="fa fa-list-alt"> </i> Work Type List</button></a>
                            <a href="{{ route('member.info.create') }}"><button type="button" class="btn btn-success px-1 shadow-sm"><i class="fa fa-user-plus"> </i> Add Man Power</button></a>
                        </ol>
                    </div>
                    <h4 class="page-title" style="color:teal;"><i class="fa fa-list"> </i> Work Board</h4>
                </div>
            </div>
        </div>
        <!-- end page title -->

        <div class="row">
            <div class="col-12">

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

                                        <!-- Filter Form -->
                                        <form method="GET" class="mb-3">
                                            <div class="row g-2 align-items-center">
                                                <div class="col-md-3">
                                                    <label for="from_date" class="form-label mb-0">তারিখ হইতে ( From Date):</label>
                                                    <input type="date" id="from_date" name="from_date" class="form-control"
                                                        value="{{ $fromDate }}">
                                                </div>
                                                <div class="col-md-3">
                                                    <label for="to_date" class="form-label mb-0">তারিখ পর্যন্ত ( To Date):</label>
                                                    <input type="date" id="to_date" name="to_date" class="form-control"
                                                        value="{{ $toDate }}">
                                                </div>
                                                <div class="col-md-2">
                                                    <br>
                                                    <button class="btn btn-success px-4 shadow-sm" type="submit">
                                                            <i class="fa fa-search" aria-hidden="true"></i> অনুসন্ধান করুন
                                                    </button>
                                                </div>
                                                <div class="col-md-4 text-end mt-4">
                                                    <h5 class="m-0">
                                                        Report:
                                                        <span class="text-info">
                                                            {{ \Carbon\Carbon::parse($fromDate)->format('d-m-Y') }}
                                                        </span>
                                                        to
                                                        <span class="text-info">
                                                            {{ \Carbon\Carbon::parse($toDate)->format('d-m-Y') }}
                                                        </span>
                                                    </h5>
                                                </div>
                                            </div>
                                        </form>

                <!-- Table -->
                                        <table id="basic-datatable" class="table table-bordered table-striped w-100">
                                            <thead class="table-light">
                                                <tr>
                                                    <th>SL</th>
                                                    <th>Date</th>
                                                    <th>Manpower</th>
                                                    <th>Work Type</th>
                                                    <th>Detail</th>
                                                    <th>Thanks By</th>
                                                    <th>Remarks</th>
                                                    <th>Action</th>
                                                </tr>
                                            </thead>

                                            <tbody>
                                                @forelse ($works as $key => $work)
                                                    <tr>
                                                        <td>{{ $key + 1 }}</td>
                                                        <td>{{ \Carbon\Carbon::parse($work->work_date)->format('d-m-Y') }}</td>
                                                        <td>{{ $work->member->member_name ?? '' }}</td>
                                                        <td>{{ $work->workType->work_name ?? '' }}</td>
                                                        <td>{{ $work->details }}</td>
                                                        <td>{{ $work->thanksUser->name ?? '' }}</td>
                                                        <td>{{ $work->remarks }}</td>
                                                        <td class="d-flex gap-2">
                                                            <a href="{{ route('daily.work.edit', $work->id) }}"><button class="btn btn-warning btn-sm"> Edit </button></a>
                                                
                                                            <form action="{{ route('daily.work.destroy', $work->id) }}" method="POST">
                                                                @csrf 
                                                                @method('DELETE')
                                                                <button class="btn btn-danger btn-sm">Delete</button>
                                                            </form>
                                                        </td>
                                                    </tr>
                                                @empty
                                                    <tr>
                                                        <td colspan="8" class="text-center text-danger">No records found in this date range.</td>
                                                    </tr>
                                                @endforelse
                                            </tbody>
                                        </table>

                                    </div> <!-- end card body -->
                                </div> <!-- end card -->
                            </div><!-- end col-->
                        </div>


                    </div> <!-- end card body-->
                </div> <!-- end card -->
            </div><!-- end col-->
        </div>
        <!-- end row-->




    </div> <!-- container -->

</div> <!-- content -->


<!-- Signup modal content -->
<div id="signup-modal" class="modal fade" tabindex="-1" role="dialog" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered modal-md">
        <div class="modal-content shadow-lg rounded-3 border-0">

            <!-- Modal Header -->
            <div class="modal-header bg-dark">
                <h5 class="modal-title text-white">🗓️ দৈনিক কাজের তথ্য যুক্ত করুন</h5>
                <button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal"
                    aria-label="Close"></button>
            </div>

            <!-- Modal Body -->
            <div class="modal-body bg-light">

                <form action="{{ route('daily.work.store') }}" method="POST">
                    @csrf
                    <div class="row">
                        <div class="mb-3 col-md-6">
                            <label class="form-label fw-semibold">তারিখ (Date)</label>
                            <input type="date" name="work_date" class="form-control shadow-sm">
                        </div>

                        <div class="mb-3 col-md-6">
                            <label class="form-label fw-semibold">জনবল (Manpower)</label>
                            <select name="member_id" class="form-select shadow-sm">
                                <option value="">-- নির্বাচন করুন --</option>
                                @foreach($manpowers as $mp)
                                <option value="{{ $mp->id }}">{{ $mp->member_name }}</option>
                                @endforeach
                            </select>
                        </div>
                    </div>
                    <div class="mb-3">
                        <label class="form-label fw-semibold">কাজের ধরন (Work Type)</label>
                        <select name="work_type_id" class="form-select shadow-sm">
                            <option value="">-- নির্বাচন করুন --</option>
                            @foreach($worktypes as $wt)
                            <option value="{{ $wt->id }}">{{ $wt->work_name }}</option>
                            @endforeach
                        </select>
                    </div>

                    <div class="mb-3">
                        <label class="form-label fw-semibold">বিস্তারিত (Detail)</label>
                        <textarea name="details" class="form-control shadow-sm" rows="3"
                            placeholder="কাজের বিস্তারিত লিখুন..."></textarea>
                    </div>


                    <!-- <div class="col-md-6 mb-3">
                            <label class="form-label fw-semibold">ধন্যবাদ প্রদত্ত (Thanks By)</label>
                            <input type="text" name="thanks_by" class="form-control shadow-sm"
                                placeholder="যিনি ধন্যবাদ দিয়েছেন">
                        </div> -->

                    <div class="mb-3">
                        <label class="form-label fw-semibold">মন্তব্য (Remarks)</label>
                        <input type="text" name="remarks" class="form-control shadow-sm"
                            placeholder="প্রয়োজনে মন্তব্য দিন">
                    </div>


                    <div class="text-center mt-4">
                        <button class="btn btn-success px-4 shadow-sm" type="submit">
                            💾 সংরক্ষণ করুন
                        </button>
                    </div>

                </form>

            </div>
        </div>
        <!-- /.modal-content -->
    </div><!-- /.modal-dialog -->
</div><!-- /.modal -->


<!-- Type modal content -->
<div id="type-modal" class="modal fade" tabindex="-1" role="dialog" aria-hidden="true">
    <div class="modal-dialog modal-md">
        <div class="modal-content shadow-lg rounded-3 border-0">

            <!-- Modal Header -->
            <div class="modal-header bg-dark">
                <h5 class="modal-title text-white">🗓️ কাজের ধরন যুক্ত করুন</h5>
                <button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal"
                    aria-label="Close"></button>
            </div>

            <!-- Modal Body -->
            <div class="modal-body bg-light">

                <form action="{{ route('work.type.store') }}" method="POST">
                    @csrf
                    <div class="mb-3">
                        <label>Work Name</label>
                        <input type="text" name="work_name" class="form-control">
                    </div>
                    <div class="mb-3" hidden>
                        <label>Remarks</label>
                        <input type="text" name="remarks" class="form-control">
                    </div>
                    <div class="mb-3 text-center">
                        <button class="btn btn-info" type="submit">Save</button>
                    </div>
                </form>

            </div>
        </div><!-- /.modal-content -->
    </div><!-- /.modal-dialog -->
</div><!-- /.modal -->


@endsection