@extends('layouts.app')

@section('content')
<div id="page-container" class="fade page-sidebar-fixed page-header-fixed page-with-wide-sidebar">
    <!-- begin #header -->
    @include('partials.header')
    <!-- end #header -->
    
    <!-- begin #sidebar -->
    @include('partials.sidebar')
    <!-- end #sidebar -->
    
    <!-- begin #content -->
    <div id="content" class="content">
        <!-- begin breadcrumb -->
        <ol class="breadcrumb float-xl-right">
            <li class="breadcrumb-item"><a href="javascript:;">Home</a></li>
            <li class="breadcrumb-item"><a href="javascript:;">Page Options</a></li>
            <li class="breadcrumb-item active">Edit Order Service</li>
        </ol>
        <!-- end breadcrumb -->
        <!-- begin page-header -->
        <h1 class="page-header">Edit Order Service</small></h1>
        <!-- end page-header -->
        <!-- begin panel -->
        <div class="panel panel-inverse">
            <div class="panel-body">
                @if ($errors->any())
                    <div class="alert alert-danger">
                        <ul>
                            @foreach ($errors->all() as $error)
                                <li>{{ $error }}</li>
                            @endforeach
                        </ul>
                    </div>
                @endif
                <form action="{{ route('order_services.update', $order->id) }}" method="POST">
                    @csrf
                    @method('PUT')
                    <div class="form-group">
                        <label for="service_id">Service</label>
                        <select name="service_id" id="service_id" class="form-control" required>
                            <option value="" disabled>Select Service</option>
                            @foreach($services as $service)
                                <option value="{{ $service->id }}" {{ $order->service_id == $service->id ? 'selected' : '' }}>{{ $service->title }}</option>
                            @endforeach
                        </select>
                        @error('service_id')
                            <div class="text-danger">{{ $message }}</div>
                        @enderror
                    </div>
                    <div class="form-group">
                        <label for="room_id">Room</label>
                        <input type="text" name="room_id" id="room_id" class="form-control" value="{{ $order->room_id }}" required>
                        @error('room_id')
                            <div class="text-danger">{{ $message }}</div>
                        @enderror
                    </div>
                    <div class="form-group">
                        <label for="order_date">Order Date</label>
                        <input type="date" name="order_date" id="order_date" class="form-control" value="{{ $order->order_date }}" required>
                        @error('order_date')
                            <div class="text-danger">{{ $message }}</div>
                        @enderror
                    </div>
                    <div class="form-group">
                        <label for="order_done">Order Done</label>
                        <input type="date" name="order_done" id="order_done" class="form-control" value="{{ $order->order_done }}">
                        @error('order_done')
                            <div class="text-danger">{{ $message }}</div>
                        @enderror
                    </div>
                    <div class="form-group">
                        <label for="order_call">Order Call</label>
                        <input type="date" name="order_call" id="order_call" class="form-control" value="{{ $order->order_call }}">
                        @error('order_call')
                            <div class="text-danger">{{ $message }}</div>
                        @enderror
                    </div>
                    <div class="form-group">
                        <label for="status_id">Status</label>
                        <select name="status_id" id="status_id" class="form-control" required>
                            <option value="" disabled>Select Status</option>
                            <option value="1" {{ $order->status_id == 1 ? 'selected' : '' }}>Accept</option>
                            <option value="1" {{ $order->status_id == 2 ? 'selected' : '' }}>Order</option>
                            <option value="2" {{ $order->status_id == 3 ? 'selected' : '' }}>Process</option>
                            <option value="3" {{ $order->status_id == 4 ? 'selected' : '' }}>Done</option>
                            <option value="4" {{ $order->status_id == 5 ? 'selected' : '' }}>Cancel</option>
                        </select>
                        @error('status_id')
                            <div class="text-danger">{{ $message }}</div>
                        @enderror
                    </div>
                    <div class="form-group">
                        <label for="quantity">Quantity</label>
                        <input type="number" name="quantity" id="quantity" class="form-control" value="{{ $order->quantity }}" required>
                        @error('quantity')
                            <div class="text-danger">{{ $message }}</div>
                        @enderror
                    </div>
                    <button type="submit" class="btn btn-primary">Update Order</button>
                </form>
            </div>
        </div>
        <!-- end panel -->
    </div>
    <!-- end #content -->
</div>
@endsection