@php
    use Illuminate\Support\Facades\Auth;
    $role = Auth::user()->role;
@endphp
@extends('backend.layouts.app')

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

        <form action="{{ route('orders.store') }}" method="POST">
            @csrf

            <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') }}" 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->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 row">
                <label for="status" >Status</label>
                <div class="col-md-6">
                    <input id="status" type="text" class="form-control" value="Pending" readonly>
                </div>
            </div>

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



            <button type="submit" class="btn btn-primary">Create</button>
        </form>
    </div>
@endsection
<script src="{{ asset('backend_assets/js/order.js') }}"></script>