@extends('layouts.main')
@section('main-container')
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<div class="page-header d-print-none">
	<div class="container-xl">
		<div class="row g-2 align-items-center">
                <div class="col">
                    <!-- Page pre-title -->
                    <div class="page-pretitle">
                    W.H.S Baseeline
                    </div>
                    <h2 class="page-title">
                        W.H.S Baseline Report
                    </h2>
                </div>
				<!-- Page title actions -->
				<div class="col-auto ms-auto d-print-none">
					<div class="btn-list">
	                    <span class="d-none d-sm-inline">
                            <a href="#" class="btn btn-1">New view</a>
	                    </span>
                        <a href="/farmers/create" class="btn btn-primary btn-5 d-none d-sm-inline-block">
                            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-2">
                                <path d="M12 5l0 14" />
                                <path d="M5 12l14 0" />
                            </svg>
                            Add Baselline
                        </a>  
                    </div>
                    
                </div>
            </div>
	    </div>
    </div>
</div>


<!-- Page body -->
<div class="page-body">
	<div class="container-xl">      
    <div class="card mb-4 shadow-sm">
    <div class="card-header bg-primary text-white">
        <h5 class="mb-0">Baseline Report</h5>
    </div>

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


    <div class="container">
        <h2 class="header" id="headingTwo">
            <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseTwo">
            Table 3.2- Technical Feasibility Parameters
            </button>
        </h2>
        <div>
            <div class="">
            <div class="container">
    <!-- Filters -->
    <form method="GET" action="{{ route('whs.report') }}" class="row mb-4">
        <div class="col">
            <input type="text" name="search_name" class="form-control" placeholder="🔍 Search by Name" value="{{ request('search_name') }}">
        </div>
        <div class="col">
            <select name="unit_id" class="form-control"> 
                <option value="">Unit wise</option>
                @foreach ($units as $unit)
                    <option value="{{ $unit->id }}" {{ request('unit_id') == $unit->id ? 'selected' : '' }}>
                        {{ $unit->name }}
                    </option>
                @endforeach
            </select>
        </div>
        <div class="col">
            <select name="state_id" class="form-control">
                <option value="">State wise</option>
                @foreach ($states as $state)
                    <option value="{{ $state->id }}" {{ request('state_id') == $state->id ? 'selected' : '' }}>
                        {{ $state->name }}
                    </option>
                @endforeach
            </select>
        </div>
        <div class="col">
            <input type="text" name="surveyed_by" class="form-control" placeholder="Surveyed By" value="{{ request('surveyed_by') }}">
        </div>
        <div class="col">
        <select name="status" class="form-control">
            <option value="">Status</option>
            <option value="pending" {{ request('status') == 'pending' ? 'selected' : '' }}>Pending</option>
            <option value="approved" {{ request('status') == 'approved' ? 'selected' : '' }}>Approved</option>
            <option value="rejected" {{ request('status') == 'rejected' ? 'selected' : '' }}>Rejected</option>
        </select>
        </div>
        <div class="col">
            <button type="submit" class="btn btn-primary">Filter</button>
        </div>
        <div class="col">
            <a href="{{ route('whs.report') }}" class="btn btn-secondary">Reset</a>
        </div>
    </form>

    <!-- Accordion Report -->
    <div class="accordion" id="whsAccordion">
        <div class="accordion-item">
            
            <div id="collapseTable" class="accordion-collapse collapse show" data-bs-parent="#whsAccordion">
            <div class="accordion-body">
    <div style="overflow-x: auto;">
    <table class="table table-bordered table-striped">
    <thead class="table-dark ">
                <tr>
                    <th  class="bg-primary text-light">WHS Code</th>
                    <th   class="bg-primary text-light">Type of WHS</th>
                    <th   class="bg-primary text-light">Village</th>
                    <th   class="bg-primary text-light">Block</th>
                    <th   class="bg-primary text-light">Unit</th>
                    <th   class="bg-primary text-light">Surveyed By</th>
                    <th   class="bg-primary text-light">Latitude</th>
                    <th   class="bg-primary text-light">Longitude</th>
                    <th   class="bg-primary text-light">Catchment Area (acre)</th>
                    <th   class="bg-primary text-light">Land Slope (%)</th>
                    <th   class="bg-primary text-light">Distance from Drainage (m)</th>
                    <th   class="bg-primary text-light">LULC</th>
                    <th   class="bg-primary text-light">Geographical Location</th>
                    <th   class="bg-primary text-light">Hydrological Location</th>
                    <th   class="bg-primary text-light">View</th>
                </tr>
            </thead>
            <tbody>
                @foreach ($records as $record)
                    <tr class="text-center">
                        <td>WHS00{{ $report->application_code ?? '-' }}</td>
                        <td>{{ $record->baseline->projectType->name ?? 'N/A' }}</td>
                        
                        <td>{{ $record->baseline->village->name ?? 'N/A' }}</td>
                        <td>{{ $record->baseline->block->name ?? 'N/A' }}</td>
                        <td>{{ $record->baseline->unit->name ?? 'N/A' }}</td>
                        <td> {{$record->baseline->user->name}}</td>
                        <td>{{ $record->latitude ?? 'N/A' }}</td>
                        <td>{{ $record->longitude ?? 'N/A' }}</td>
                        <td>{{ $record->technicalFeasibility->catchment_area ?? 'N/A' }}</td>
                        <td>{{ $record->technicalFeasibility->land_slope ?? 'N/A' }}%</td>
                        <td>{{ $record->technicalFeasibility->distance_from_drainage ?? 'N/A' }}</td>
                        <td>{{ $record->technicalFeasibility->lulc ?? 'N/A' }}</td>
                        <td>{{ $record->technicalFeasibility->geo_location ?? 'N/A' }}</td>
                        <td>{{ $record->technicalFeasibility->hydro_location ?? 'N/A' }}</td>
                        <td>
                            <a href="" class="btn btn-sm btn-primary">View</a>
                        </td>
                    </tr>
                @endforeach
            </tbody>
        </table>
    </div>

    @if($records->isEmpty())
        <div class="alert alert-warning mt-2">No records found.</div>
    @endif
</div>

<div class="d-flex justify-content-center">
    {{ $reports->links() }}
</div>

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



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

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




@endsection