000

@extends('layouts.app')

@section('title', 'Master Water Sources Management')

@section('content')
@if(session('success'))
<div class="alert alert-success alert-dismissible fade show mt-3" role="alert">
    {{ session('success') }}
    <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
</div>
@endif

@if(Auth::check() && Auth::user()->role != 1)
    <button class="btn-add" data-bs-toggle="modal" data-bs-target="#waterSourceModal" onclick="clearForm()">Add Water Source</button>
    @endif

@if(Auth::check() && Auth::user()->role == 1)
    <form method="GET" action="{{ route('water_sources.index') }}" class="mb-3 w-25 float-start">
        <select name="site_id" class="form-select" onchange="this.form.submit()">
            <option value="">-- Filter by Site --</option>
            @foreach($sites as $site)
                <option value="{{ $site->id }}" {{ request('site_id') == $site->id ? 'selected' : '' }}>
                    {{ $site->site_name }}
                </option>
            @endforeach
        </select>
    </form>
    @endif

<table class="table table-bordered" id="waterSourceTable">
        <thead class="bg-success text-white">
            <tr>
                <th>Sr.No.</th>
                <th>Borewell No</th>
                <th>Motor(HP)</th>
                <th>Borewell Type</th>
                <th>Plot No.</th>
                @if(Auth::check() && Auth::user()->role != 1)
                <th>Action</th>
                @endif
            </tr>
        </thead>
        <tbody>
            @foreach($water_sources as $index => $source)
            <tr>
                <td>{{ $index + 1 }}</td>
                <td>{{ $source->borewell_no }}</td>
                <td>{{ $source->capacity_lph }}</td>
                <td>{{ $source->name }}</td>
                <td>{{ $source->site_name }}</td>
                @if(Auth::check() && Auth::user()->role != 1)
                <td>
                    
                    <button 
                        class="btn btn-sm btn-warning me-1" 
                        data-bs-toggle="modal" 
                        data-bs-target="#waterSourceModal" 
                        onclick='editWaterSource(@json($source))' 
                        title="Edit">
                        <i class="fas fa-edit"></i>
                    </button>

<form 
                        action="{{ route('water_sources.destroy', $source->id) }}" 
                        method="POST" 
                        class="d-inline">
                        @csrf
                        @method('DELETE')
                        <button 
                            class="btn btn-sm btn-danger" 
                            onclick="return confirm('Are you sure?')" 
                            title="Delete">
                            <i class="fas fa-trash-alt"></i>
                        </button>
                    </form>
                </td>
                @endif
            </tr>
            @endforeach
        </tbody>
    </table>
</div>

<div class="modal fade" id="waterSourceModal" tabindex="-1" aria-labelledby="modalTitle" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title">Add / Edit Water Source</h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
            </div>
            <form id="waterSourceForm" method="POST">
                @csrf
                <input type="hidden" id="water_source_id" name="id">

<div class="modal-body">
                    <div class="col-md-6 mb-3">
                        <label class="form-label">Location <span class="text-danger">*</span></label>
                        @if(Auth::check() && Auth::user()->role == 1)
                        <select name="site_id" id="modal_site_id" class="form-select" required>
                            <option value="">Select Site</option>
                            @foreach($sites as $site)
                                <option value="{{ $site->id }}" {{ old('site_id') == $site->id ? 'selected' : '' }}>
                                    {{ $site->site_name }}
                                </option>
                            @endforeach
                        </select>
                        @else
                        <input type="hidden" name="site_id" value="{{ Auth::user()->site_id }}">
                        <input type="text" class="form-control" value="{{ $sites->where('id', Auth::user()->site_id)->first()->site_name ?? 'My Site' }}" readonly>
                        @endif
                    </div>

<div class="mb-3">
                        <label class="form-label">Borewell No</label>
                        <input type="text" name="borewell_no" id="borewell_no" class="form-control" placeholder="e.g. BW001, BW002" required>
                    </div>

<div class="mb-3">
                        <label class="form-label">Motor HP</label>
                        <input type="number" step="0.01" name="capacity_lph" id="capacity_lph" class="form-control" required>
                    </div>

<div class="mb-3">
                        <label class="form-label">Source Name</label>
                        <input type="text" name="name" id="source_name" class="form-control" placeholder="e.g. Borewell, Canal" required>
                    </div>

<div class="mb-3">
                        <label class="form-label">Power Consumption (KW)</label>
                        <input type="number" step="0.01" name="power_consumption_kw" id="power_consumption_kw" class="form-control" required>
                    </div>

<div class="mb-3">
                        <label class="form-label">Notes</label>
                        <textarea name="notes" id="notes" class="form-control" rows="2" placeholder="Any additional info..."></textarea>
                    </div>

<div class="mb-3">
                        <label class="form-label">Status</label>
                        <select name="is_active" id="is_active" class="form-select" required>
                            <option value="1">Active</option>
                            <option value="0">Inactive</option>
                        </select>
                    </div>
                </div>

<div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
                    <button type="submit" class="btn btn-success">Submit</button>
                </div>
            </form>
        </div>
    </div>
</div>

function clearForm() {
    document.getElementById('waterSourceForm').action = '/water_sources/store';
    document.getElementById('waterSourceForm').reset();
    document.getElementById('water_source_id').value = '';
}