@extends('apex-layouts.main')

@section("title","Change Order Status")

@section('header-right')
    <a href="{{ url('/') }}" class="btn btn-raised btn-raised btn-warning mr-1 round">Go Back</a>
@endsection
@section('content')
    <section id="basic-form-layouts">
        <div class="row">
            <div class="col-md-2"></div>
            <div class="col-md-8">
                <div class="card">
                    <div class="card-body">
                        <div class="px-3">
                            <form action="{{route("orders.changeOrderStatus",$model->id)}}">
                                <div class="modal-body">
                                    <div class="row">
                                        <div class="col-12">
                                            <label>Status: </label>
                                            <div class="form-group">
                                                <select id="order_status" name="status"
                                                        class="form-control">
                                                    @foreach(\App\managers\OrderManager::getOrderDropdown() as $title)
                                                        <option
                                                            value="{{$title}}" {{ ($model->status == $title) ? 'selected=""':''}}>{{ strtolower($title) }}</option>
                                                    @endForeach
                                                </select>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col-12">
                                            <label>comment: </label>
                                            <div class="form-group">
                                                <textarea name="comment" class="form-control" placeholder="Commit here ..."></textarea>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col-md-12">
                                            <div class="form-group">
                                                <div class="input-group mt-7">
                                                    <div class="custom-control custom-radio custom-control-inline">
                                                        <input type="hidden" name="memberReservaionId" value="{{$memberReservation->id}}">
                                                        <label>Breakfast</label>
                                                        <input type="checkbox" id="ismealbreakfast" value="{{(!empty($memberReservation->reservation->breakfast->id))?1:0}}" name="is_breakfast" checked="" class="custom-control-input">
                                                        <label class="custom-control-label" for="ismealbreakfast" id="mealbreakfastLabel">{{$memberReservation->reservation->breakfast->title ?? ''}}</label>
                                                    </div>
                                                    <div class="custom-control custom-radio custom-control-inline">
                                                        <label>Lunch</label>

                                                        <input type="checkbox" id="ismeallunch" name="is_lunch" value="{{(!empty($memberReservation->reservation->lunch->id))?1:0}}" checked="" class="custom-control-input">
                                                        <label class="custom-control-label" for="ismeallunch" id="meallunchLabel">{{$memberReservation->reservation->lunch->title ?? ''}}</label>
                                                    </div>
                                                    <div class="custom-control custom-radio custom-control-inline checked">
                                                        <label>Snack</label>
                                                        <input type="checkbox" id="ismealsnack" name="is_snack" value="{{(!empty($memberReservation->reservation->snack->id))?1:0}}" checked="" class="custom-control-input">
                                                        <label class="custom-control-label" for="ismealsnack" id="mealsnackLabel">{{$memberReservation->reservation->snack->title ?? ''}}</label>
                                                    </div>
                                                    <div class="custom-control custom-radio custom-control-inline">
                                                        <label>Dinner</label>

                                                        <input type="checkbox" id="ismealdinner" name="is_dinner" value="{{(!empty($memberReservation->reservation->dinner->id))?1:0}}" checked="" class="custom-control-input">
                                                        <label class="custom-control-label" for="ismealdinner" id="mealdinnerLabel">{{$memberReservation->reservation->dinner->title ?? ''}}</label>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>

                                    </div>
                                </div>
                                <div class="modal-footer">
                                    <button type="button" class="btn grey btn-outline-secondary" data-dismiss="modal">Close</button>
                                    <button type="submit" class="btn btn-outline-primary">Save changes</button>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>

        </div>
    </section>
@endsection

@section('scripts')
@stop

@section('styles')

@stop