@extends('layouts.app')

@section('title', 'Edit Refill Request #' . $refillRequest->id)

@section('content')
<div class="container mx-auto px-4 py-6">
    <div class="flex items-center justify-between mb-6">
        <div class="flex items-center">
            <a href="{{ route('refill-requests.index') }}" class="text-gray-500 hover:text-gray-700 mr-4">
                <svg class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 19l-7-7m0 0l7-7m-7 7h18" />
                </svg>
            </a>
            <h1 class="text-2xl font-semibold text-gray-900">Edit Refill Request #{{ $refillRequest->id }}</h1>
        </div>
    </div>

    <div class="bg-white shadow-md rounded-lg overflow-hidden mb-6">
        <form action="{{ route('refill-requests.update', $refillRequest->id) }}" method="POST">
            @csrf
            @method('PUT')
            
            <div class="p-6 border-b border-gray-200">
                <h2 class="text-lg font-medium text-gray-900 mb-4">Request Details</h2>
                
                <div class="grid grid-cols-1 md:grid-cols-2 gap-6 mb-6">
                    <div>
                        <label for="status" class="block text-sm font-medium text-gray-700 mb-1">Status</label>
                        <select name="status" id="status" class="mt-1 block w-full pl-3 pr-10 py-2 text-base border-gray-300 focus:outline-none focus:ring-primary-500 focus:border-primary-500 sm:text-sm rounded-md @error('status') border-red-500 @enderror">
                            <option value="pending" {{ $refillRequest->status == 'pending' ? 'selected' : '' }}>Pending</option>
                            <option value="accepted" {{ $refillRequest->status == 'accepted' ? 'selected' : '' }}>Accepted</option>
                            <option value="rejected" {{ $refillRequest->status == 'rejected' ? 'selected' : '' }}>Rejected</option>
                            <option value="assigned" {{ $refillRequest->status == 'assigned' ? 'selected' : '' }}>Assigned</option>
                            <option value="in_progress" {{ $refillRequest->status == 'in_progress' ? 'selected' : '' }}>In Progress</option>
                            <option value="delivered" {{ $refillRequest->status == 'delivered' ? 'selected' : '' }}>Delivered</option>
                            <option value="cancelled" {{ $refillRequest->status == 'cancelled' ? 'selected' : '' }}>Cancelled</option>
                        </select>
                        @error('status')
                            <p class="mt-1 text-sm text-red-600">{{ $message }}</p>
                        @enderror
                    </div>
                    
                    <div>
                        <label for="priority" class="block text-sm font-medium text-gray-700 mb-1">Priority</label>
                        <select name="priority" id="priority" class="mt-1 block w-full pl-3 pr-10 py-2 text-base border-gray-300 focus:outline-none focus:ring-primary-500 focus:border-primary-500 sm:text-sm rounded-md @error('priority') border-red-500 @enderror">
                            <option value="normal" {{ $refillRequest->priority == 'normal' ? 'selected' : '' }}>Normal</option>
                            <option value="medium" {{ $refillRequest->priority == 'medium' ? 'selected' : '' }}>Medium</option>
                            <option value="high" {{ $refillRequest->priority == 'high' ? 'selected' : '' }}>High</option>
                        </select>
                        @error('priority')
                            <p class="mt-1 text-sm text-red-600">{{ $message }}</p>
                        @enderror
                    </div>
                </div>
                
                <div class="grid grid-cols-1 md:grid-cols-2 gap-6 mb-6">
                    <div>
                        <label for="assigned_to" class="block text-sm font-medium text-gray-700 mb-1">Assign Technician</label>
                        <select name="assigned_to" id="assigned_to" class="mt-1 block w-full pl-3 pr-10 py-2 text-base border-gray-300 focus:outline-none focus:ring-primary-500 focus:border-primary-500 sm:text-sm rounded-md @error('assigned_to') border-red-500 @enderror">
                            <option value="">-- Select Technician --</option>
                            @foreach($technicians as $technician)
                                <option value="{{ $technician->id }}" {{ $refillRequest->assigned_to == $technician->id ? 'selected' : '' }}>
                                    {{ $technician->name }}
                                </option>
                            @endforeach
                        </select>
                        @error('assigned_to')
                            <p class="mt-1 text-sm text-red-600">{{ $message }}</p>
                        @enderror
                    </div>
                    
                    <div>
                        <label for="scheduled_date" class="block text-sm font-medium text-gray-700 mb-1">Scheduled Date</label>
                        <input type="date" name="scheduled_date" id="scheduled_date" 
                            value="{{ $refillRequest->scheduled_date ? date('Y-m-d', strtotime($refillRequest->scheduled_date)) : '' }}"
                            class="mt-1 block w-full border-gray-300 rounded-md shadow-sm focus:ring-primary-500 focus:border-primary-500 sm:text-sm @error('scheduled_date') border-red-500 @enderror">
                        @error('scheduled_date')
                            <p class="mt-1 text-sm text-red-600">{{ $message }}</p>
                        @enderror
                    </div>
                </div>
                
                <div class="mb-6">
                    <label for="delivery_address" class="block text-sm font-medium text-gray-700 mb-1">Delivery Address</label>
                    <textarea name="delivery_address" id="delivery_address" rows="3" 
                        class="mt-1 block w-full border-gray-300 rounded-md shadow-sm focus:ring-primary-500 focus:border-primary-500 sm:text-sm @error('delivery_address') border-red-500 @enderror">{{ $refillRequest->delivery_address }}</textarea>
                    @error('delivery_address')
                        <p class="mt-1 text-sm text-red-600">{{ $message }}</p>
                    @enderror
                </div>
                
                <div class="mb-6">
                    <label for="notes" class="block text-sm font-medium text-gray-700 mb-1">Customer Notes</label>
                    <textarea name="notes" id="notes" rows="3" 
                        class="mt-1 block w-full border-gray-300 rounded-md shadow-sm focus:ring-primary-500 focus:border-primary-500 sm:text-sm @error('notes') border-red-500 @enderror">{{ $refillRequest->notes }}</textarea>
                    @error('notes')
                        <p class="mt-1 text-sm text-red-600">{{ $message }}</p>
                    @enderror
                </div>
                
                <div class="mb-6">
                    <label for="admin_notes" class="block text-sm font-medium text-gray-700 mb-1">Admin Notes</label>
                    <textarea name="admin_notes" id="admin_notes" rows="3" 
                        class="mt-1 block w-full border-gray-300 rounded-md shadow-sm focus:ring-primary-500 focus:border-primary-500 sm:text-sm @error('admin_notes') border-red-500 @enderror">{{ $refillRequest->admin_notes }}</textarea>
                    @error('admin_notes')
                        <p class="mt-1 text-sm text-red-600">{{ $message }}</p>
                    @enderror
                </div>
                
                @if($refillRequest->status == 'rejected')
                <div class="mb-6">
                    <label for="rejection_reason" class="block text-sm font-medium text-gray-700 mb-1">Rejection Reason</label>
                    <textarea name="rejection_reason" id="rejection_reason" rows="3" 
                        class="mt-1 block w-full border-gray-300 rounded-md shadow-sm focus:ring-primary-500 focus:border-primary-500 sm:text-sm @error('rejection_reason') border-red-500 @enderror">{{ $refillRequest->rejection_reason }}</textarea>
                    @error('rejection_reason')
                        <p class="mt-1 text-sm text-red-600">{{ $message }}</p>
                    @enderror
                </div>
                @endif
            </div>
            
            <div class="px-6 py-4 bg-gray-50 text-right">
                <button type="submit" class="inline-flex justify-center py-2 px-4 border border-transparent shadow-sm text-sm font-medium rounded-md text-white bg-primary-600 hover:bg-primary-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-primary-500">
                    Update Request
                </button>
            </div>
        </form>
    </div>

    <div class="bg-white shadow-md rounded-lg overflow-hidden">
        <div class="px-6 py-4 border-b border-gray-200">
            <h2 class="text-lg font-medium text-gray-900">Request Information</h2>
        </div>
        
        <div class="px-6 py-4">
            <dl class="grid grid-cols-1 md:grid-cols-2 gap-x-4 gap-y-6">
                <div>
                    <dt class="text-sm font-medium text-gray-500">Customer</dt>
                    <dd class="mt-1 text-sm text-gray-900">{{ $refillRequest->user->name }}</dd>
                </div>
                
                <div>
                    <dt class="text-sm font-medium text-gray-500">Phone</dt>
                    <dd class="mt-1 text-sm text-gray-900">{{ $refillRequest->user->phone }}</dd>
                </div>
                
                <div>
                    <dt class="text-sm font-medium text-gray-500">Gas Company</dt>
                    <dd class="mt-1 text-sm text-gray-900">{{ $refillRequest->gasCompany->name }}</dd>
                </div>
                
                <div>
                    <dt class="text-sm font-medium text-gray-500">Sensor ID</dt>
                    <dd class="mt-1 text-sm text-gray-900">{{ $refillRequest->sensor->uuid }}</dd>
                </div>
                
                <div>
                    <dt class="text-sm font-medium text-gray-500">Created</dt>
                    <dd class="mt-1 text-sm text-gray-900">{{ $refillRequest->created_at->format('M j, Y H:i') }}</dd>
                </div>
                
                <div>
                    <dt class="text-sm font-medium text-gray-500">Location</dt>
                    <dd class="mt-1 text-sm text-gray-900">
                        @if($refillRequest->latitude && $refillRequest->longitude)
                            <a href="https://maps.google.com/?q={{ $refillRequest->latitude }},{{ $refillRequest->longitude }}" 
                               target="_blank" class="text-primary-600 hover:text-primary-900">
                                View on Map
                            </a>
                        @else
                            Not provided
                        @endif
                    </dd>
                </div>
            </dl>
        </div>
    </div>
</div>
@endsection