@extends('layouts.app')
@section('title', 'Academic Order Form')

@section('content')
    <div class="row">
        <div class="col-12">
            <div class="card">
                <div class="card-header">
                    <h3 class="card-title">Academic Order Form</h3>
                </div>
                @include('message.messages')
                <form action="{{ route('academic-order.post', $institution->subdomain) }}" method="POST">
                    <div class="card-body">
                        @csrf
                        <div class="row">
                            <div class="col-md-12">
                                <div class="form-group">
                                    <label for="student_name">Ceremonies {!! requiredLabel() !!}</label>
                                    <select class="form-control" id="ceremony_id" name="ceremony_id" required>
                                        <option value="">Select Ceremony</option>
                                        @foreach ($ceremonies as $ceremony)
                                            <option value="{{ $ceremony->id }}"
                                                {{ old('ceremony_id') == $ceremony->id ? 'selected' : '' }}>
                                                {{ $ceremony->detail }}
                                            </option>
                                        @endforeach
                                    </select>
                                    @error('ceremony_id')
                                        <div class="text-danger">{{ $message }}</div>
                                    @enderror
                                </div>
                            </div>
                            <div class="col-md-4">
                                <div class="form-group">
                                    <label for="student_name">Full Name {!! requiredLabel() !!}</label>
                                    <input type="text" class="form-control" id="full_name" name="full_name"
                                        value="{{ old('full_name') }}" required>
                                    @error('full_name')
                                        <div class="text-danger">{{ $message }}</div>
                                    @enderror
                                </div>
                            </div>
                            <div class="col-md-4">
                                <div class="form-group">
                                    <label for="university_attended">Alma Mater {!! requiredLabel() !!}</label>
                                    <input class="form-control" id="university_attended" name="university_attended"
                                        value="{{ old('university_attended') }}" required>
                                    @error('university_attended')
                                        <div class="text-danger">{{ $message }}</div>
                                    @enderror
                                </div>
                            </div>
                            <div class="col-md-4">
                                <div class="form-group">
                                    <label for="course_of_study">Degree / Course Studied {!! requiredLabel() !!}</label>
                                    <input class="form-control" id="course_of_study" name="course_of_study"
                                        value="{{ old('course_of_study') }}" required>
                                    @error('course_of_study')
                                        <div class="text-danger">{{ $message }}</div>
                                    @enderror
                                </div>
                            </div>
                            <div class="col-md-4">
                                <div class="form-group">
                                    <label for="email">Email {!! requiredLabel() !!}</label>
                                    <input type="email" class="form-control" id="email" name="email"
                                        value="{{ old('email') }}" required>
                                    @error('email')
                                        <div class="text-danger">{{ $message }}</div>
                                    @enderror
                                </div>
                            </div>
                            <div class="col-md-4">
                                <div class="form-group">
                                    <label for="phone">Mobile {!! requiredLabel() !!}</label>
                                    <input type="text" class="form-control" id="mobile" name="mobile"
                                        value="{{ old('mobile') }}" required>
                                    @error('mobile')
                                        <div class="text-danger">{{ $message }}</div>
                                    @enderror
                                </div>
                            </div>
                            <div class="col-md-4">
                                <div class="form-group">
                                    <label for="gown_type">Qualification (PhD/Bachelor/Master) {!! requiredLabel() !!}</label>
                                    <select name="gown_type" id="gown_type" class="form-control" required>
                                        <option value="">Choose Option</option>
                                        @foreach ($gownTypes as $gownType)
                                            <option value="{{ $gownType->name }}"
                                                {{ old('gown_type') == $gownType->name ? 'selected' : '' }}>
                                                {{ $gownType->name }}
                                            </option>
                                        @endforeach
                                    </select>
                                    @error('gown_type')
                                        <div class="text-danger">{{ $message }}</div>
                                    @enderror
                                </div>
                            </div>
                        </div>
                        <hr>
                        <h4 class="mt-5 mb-3"><u>Select Products</u></h5>
                        <div class="row">

                            @foreach ($academicProducts as $product)
                                <div class="col-md-4">
                                    <div class="card">
                                        <div class="card-body">
                                            <div class="form-group">
                                                <div class="text-center mb-2">
                                                    <div for="product_{{ $product->id }}" class="mb-2 font-weight-bold">
                                                        {{ $product->name }}
                                                        {!! isTrue($product->is_required) ? requiredLabel() : '' !!}</div>
                                                    <img src="{{ asset($product->image) }}" alt=""
                                                        style="height: 80px" class="img-fluid mb-2 thumbnail">
                                                    <input type="hidden" name="product_ids[]" value="{{ $product->id }}">
                                                </div>
                                                @if (isTrue($product->has_option))
                                                    <div class="mb-3">
                                                        <span for="" class="font-weight-bold"><i>{{ $product->name }} Size
                                                                {!! isTrue($product->is_required) ? requiredLabel() : '' !!}</i></span>
                                                        <select name="product_sizes[{{ $product->id }}]"
                                                            id="product_sizes[{{ $product->id }}]" class="form-control"
                                                            {{ isTrue($product->is_required) ? 'required' : '' }}>
                                                            <option value="">Select Size</option>
                                                            @foreach ($product->option_value as $option)
                                                                <option value="{{ $option }}"
                                                                    {{ old('product_sizes.' . $product->id) == $option ? 'selected' : '' }}>
                                                                    {{ $option }}</option>
                                                            @endforeach
                                                        </select>
                                                        @error('products.' . $product->id)
                                                            <div class="text-danger">{{ $message }}</div>
                                                        @enderror
                                                    </div>
                                                @else
                                                    <input type="hidden" class="form-control" id="product_sizes"
                                                        name="product_sizes[{{ $product->id }}]" value="0">
                                                @endif
                                                {{-- <div>
                                                    <span for="" class="font-weight-bold"><i>{{ $product->name }} Quantity
                                                            {!! requiredLabel() !!}</i></span>
                                                    <input type="number" min="0" class="form-control"
                                                        id="product_quantity"
                                                        name="product_quantity[{{ $product->id }}]"
                                                        placeholder="Enter Quantity"
                                                        {{ isTrue($product->is_required) ? 'required' : '' }}
                                                        value="{{ old('product_quantity.' . $product->id) }}">
                                                </div> --}}
                                            </div>
                                        </div>
                                    </div>

                                </div>
                            @endforeach
                        </div>
                        @if (isTrue($institution->academic_order_payment_by))
                        <div class="row">
                            <div class="col-md-12">
                                <div class="text-center"  style="background: #d0e8ff; padding: 10px; border-radius: 5px; font-size: 1.3em;color:rgb(7, 91, 7)">
                                    <p>
                                        <strong>Order Price: </strong> ${{ $institution->academic_product_price }} (AUD)
                                    </p>
                                    <p>
                                        @php
                                            $merchantFee = calculateMerchantFee($institution->academic_order_merchant_fee, $institution->academic_product_price);
                                        @endphp
                                        <strong>Merchant Fee ({{ $institution->academic_order_merchant_fee }}%): </strong> ${{ $merchantFee }} (AUD)
                                    </p>
                                    <p>
                                        <strong>Total Price:</strong> ${{ numberFormat($institution->academic_product_price + $merchantFee) }} (AUD)
                                    </p>
                                </div>
                            </div>
                        </div>
                        @endif
                    </div>
                    <div class="card-footer">
                        <a href="{{ route('home') }}" class="btn btn-secondary">Cancel</a>
                        <button type="submit" class="btn btn-success float-right">Submit Order</button>
                    </div>
                </form>
            </div>
        </div>
    </div>
@endsection