@php
    use Illuminate\Support\Facades\Auth;$role = Auth::user()->role;

@endphp
@extends('backend.layouts.app')

@section('content')
    <div class="container">
        <h1>Edit Order</h1>

        <form action="{{ route('orders.update', ['order' => $order, 'service_id' => $order->service_id, 'vendor_id' => $order->vendor_id]) }}" method="POST">
            @csrf
            @method('PUT')

             <!-- Date and Time Input -->
    <div class="form-group row">
        <label for="datetime">Date and Time</label>
        <div class="col-md-6">
            <input id="datetime" type="datetime-local" class="form-control @error('datetime') is-invalid @enderror" name="datetime" value="{{ old('datetime', $orderDateTime ) }}" required autofocus>
            @error('datetime')
                <span class="invalid-feedback" role="alert">
                    <strong>{{ $message }}</strong>
                </span>
            @enderror
        </div>
    </div>

            <div class="form-group row">
                <label for="service_id" >Service</label>
                <div class="col-md-6">
                    <select id="service_id" name="service_id" class="form-control @error('service_id') is-invalid @enderror">
                        @foreach($services as $service)
                            <option value="{{ $service->id }}" {{ $service->id == $order->service_id ? 'selected' : '' }}>{{ $service->name }} - {{ $service->vendors->first()->shop_name }}-</option>
                        @endforeach
                    </select>
                    @error('service_id')
                        <span class="invalid-feedback" role="alert">
                            <strong>{{ $message }}</strong>
                        </span>
                    @enderror
                </div>
            </div>

            <div class="form-group">
                <label for="status">Status</label>
                <select id="status" name="status" class="form-control @error('status') is-invalid @enderror">
                    <option value="pending" {{ old('status', $order->status) === 'pending' ? 'selected' : '' }}>Pending</option>
                    <option value="accepted" {{ old('status', $order->status) === 'accepted' ? 'selected' : '' }}>Accepted</option>
                    <option value="completed" {{ old('status', $order->status) === 'completed' ? 'selected' : '' }}>Completed</option>
                    <option value="completed" {{ old('status', $order->status) === 'rejected' ? 'selected' : '' }}>Rejected</option>
                </select>
                @error('status')
                    <span class="invalid-feedback" role="alert">
                        <strong>{{ $message }}</strong>
                    </span>
                @enderror
            </div>

            <div class="form-group">
                <label for="metadata">Description</label>
                <textarea name="metadata" class="form-control">{{ old('metadata', $order->metadata) }}</textarea>
            </div>

            <div class="form-group">
                <label for="rating">Rating</label>
                <input type="number" name="rating" class="form-control @error('rating') is-invalid @enderror" min="1" max="5" value="{{ old('rating', $order->rating) }}">
                @error('rating')
                    <span class="invalid-feedback" role="alert">
                        <strong>{{ $message }}</strong>
                    </span>
                @enderror
            </div>

            <button type="submit" class="btn btn-primary">Update</button>
        </form>


    </div>
@endsection
<script src="{{ asset('backend_assets/js/order.js') }}"></script>