@extends('layouts.admin.admin')

@section('title', 'Edit Order')

@section('content')
    <section>
        <div class="section-body">
            <form class="form form-validate floating-label" action="{{route('order.update',$order->id)}}"
                  method="POST" enctype="multipart/form-data">
            @method('PUT')
            @csrf
            <div class="card">
                <div class="card-underline">
                    <div class="card-header">
                        <header class="mt-2">
                            <h5>Edit Order<h5>
                        </header>
                    </div>
                    <div class="card-body">
                        <div class="row">
                            <div class="col-md-5">
                                <div class="card">
                                    <div class="card-body">
                                        
                                        <div class="form-group ">
                                            <label for="specialization" class="col-form-label pt-0">Graduate</label>
                                            <div>
                                                <a href="{{route('graduate.show', $order->graduate_id)}}">
                                                    {{ $order->graduate->full_name }} - ({{$order->graduate->student_id}})
                                                </a>
                                            </div>
                                        </div>
                                        <div class="form-group ">
                                            <label for="specialization" class="col-form-label pt-0">Graduation Ceremony</label>
                                            <div>
                                                <a href="{{route('graduation.show', $order->graduation_id)}}">
                                                    {{ $order->graduation->title }} ({{ $order->graduate->ceremony_date }} - ({{$order->graduate->ceremony_time}}))
                                                </a>
                                            </div>
                                        </div>
                                        <div class="form-group ">
                                            <label for="specialization" class="col-form-label pt-0">Institute</label>
                                            <div>
                                                <a href="{{route('institution.show', $order->institution_id)}}">
                                                    {{ $order->institution->name }}
                                                </a>
                                            </div>
                                        </div>
                                        <div class="form-group ">
                                            <label for="specialization" class="col-form-label pt-0">Price</label>
                                            <input class="form-control" type="text"  disabled
                                                value="{{ $order->order_number }}" required>
                                        </div>
                                        <div class="form-group ">
                                            <label for="specialization" class="col-form-label pt-0">Price</label>
                                            <input class="form-control" type="number" step=".01" disabled
                                                value="{{ $package->price }}" required>
                                        </div>
                                        <div class="form-group ">
                                            <label for="specialization" class="col-form-label pt-0">Guest Number</label>
                                            <select name="guest_number" id="" class="form-control" required>
                                                @for ($i=0; $i<=$package->allowed_guest_number; $i++)
                                                    <option value="{{$i}}" {{$i==$order->guest_number?'selected':''}}>{{$i}} Guest(s)</option>
                                                @endfor
                                            </select>
                                            
                                        </div>
                                    </div>
                                </div>
                                
                            </div>
                            <div class="col-md-7">
                                <div class="card">
                                    <div class="card-body">
                                        @foreach ($package->packageProducts as $pp)
                                            <div class="mb-3">
                                                &nbsp;&nbsp;<strong>{{$pp->product->name}}</strong>
                                                <input type="hidden" name="products[{{$pp->product_id}}][id]" value="{{$pp->product_id}}">
                                                <div class="mt-2">
                                                    <select name="products[{{$pp->product_id}}][size]" id="" class="form-control">
                                                        <option value="">Select Option</option>
                                                        @foreach ($pp->packageProductSizes as $ppz)
                                                        <option value="{{ $ppz->product_size_id }}" {{ in_array($ppz->product_size_id,$selected_product_size_ids) ? 'selected' : '' }}>
                                                            {{$ppz->productSize->size}}
                                                        </option>
                                                        @endforeach
                                                    </select>
                                                </div>
                                            </div>
                                        @endforeach
                                    </div>
                                </div>
                            </div>
                        </div>
    
                        
                    </div>
                    <div class="card-footer">
                        <div class="form-group">
    
                            <a class="btn btn-danger waves-effect btn-sm ml-1" href="{{ route('order.show', $order->id) }}">
                                <i class="md md-arrow-back"></i>
                                Back
                            </a>
                            <input type="submit" title="pageSubmit"
                                class="btn btn-success btn-sm waves-effect waves-light float-right" value="Submit">
                        </div>
                    </div>
                </div>
            </div>
            </form>
        </div>
    </section>

@endsection