@extends('layouts.admin.admin')

@section('title', 'Add Other Product Option')

@section('content')
    <section>
        <div class="section-body">
            <form class="form form-validate floating-label" action="{{ route('package.other-product.store.option', ['package_id' => $otherProduct->package_id, 'id' => $otherProduct->id]) }}" method="POST" enctype="multipart/form-data">
                <input type="hidden" name="other_product_id" value="{{ $otherProduct->id }}"> 
                @csrf
                <div class="card">
                    <div class="card-underline">
                        <div class="card-header">
                            <header class="mt-2">
                                <h5>Add Other Product Option</h3>
                            </header>
                        </div>
                        <div class="card-body">
                            <div class="row">
                                <div class="col-md-12">
                                    <div class="form-group ">
                                        <label for="name" class="col-form-label pt-0">Other Product Name {!! requiredLabel() !!}</label>
                                        <input class="form-control" type="text" required value="{{ $otherProduct->product_name }}" disabled>
                                        <br>
                                        <img src="{{ asset($otherProduct->image_url) }}" alt="" style="width: 200px">
                                    </div>
                                    <div class="form-group ">
                                        <label for="name" class="col-form-label pt-0">Use Option Price {!! requiredLabel() !!}</label>
                                        <input class="form-control" type="text" required value="{!! $otherProduct->use_option_price == '1' ? 'Yes' : 'No' !!}" disabled>
                                    </div>
                                    <div class="form-group ">
                                        <label for="name" class="col-form-label pt-0">Option Name {!! requiredLabel() !!}</label>
                                        <input class="form-control" type="text" name="option_name" value="{{ old('option_name') }}" required>
                                        @error('option_name')
                                            <span class="text-danger">{{ $errors->first('option_name') }}</span>
                                        @enderror
                                    </div>
                                    @if($otherProduct->has_option == '1'  && $otherProduct->use_option_price == '1')
                                    <div class="form-group">
                                        <label class="control-label">Old Price {!! requiredLabel() !!} {!! requiredLabel() !!}</label><br>
                                        <input type="number" step=".01" class="form-control old_price" name="old_price"  required>
                                        @error('old_price')
                                            <span class="text-danger">{{ $errors->first('old_price') }}</span>
                                        @enderror
                                    </div>
                                    <div class="form-group ">
                                        <label for="name" class="col-form-label pt-0">Sale Price {!! requiredLabel() !!}</label>
                                        <input type="number" step=".01" class="form-control sale_price" name="sale_price"  required>
                                        @error('sale_price')
                                            <span class="text-danger">{{ $errors->first('sale_price') }}</span>
                                        @enderror
                                    </div>
                                    @endif
                                    <div class="form-group ">
                                        <label for="name" class="col-form-label pt-0">National Postage Fee {!! requiredLabel() !!}</label>
                                        <input type="text" class="form-control" value="0" name="national_postage_fee" required>
                                        @error('national_postage_fee')
                                            <span class="text-danger">{{ $errors->first('national_postage_fee') }}</span>
                                        @enderror
                                    </div>
                                    <div class="form-group ">
                                        <label for="name" class="col-form-label pt-0">International Postage Fee {!! requiredLabel() !!}</label>
                                        <input type="text" class="form-control" value="0" name="international_postage_fee" required>
                                        @error('international_postage_fee')
                                            <span class="text-danger">{{ $errors->first('international_postage_fee') }}</span>
                                        @enderror
                                    </div>
                                    <div class="form-group ">
                                        <label for="name" class="col-form-label pt-0">Sort {!! requiredLabel() !!}</label>
                                        <input class="form-control" type="text" required name="sort" value="{{ old('sort') ?? 1 }}">
                                        @error('sort')
                                            <span class="text-danger">{{ $errors->first('sort') }}</span>
                                        @enderror
                                    </div>
                                    <div class="form-group ">
                                        <label for="name" class="col-form-label pt-0">Status</label>
                                        <select data-placeholder="Select Option" class="select2 tail-select  form-control" name="status" required>
                                            @foreach (config('custom.yes_no') as $opt)
                                                <option value="{{ $opt }}" {{ (old('status') === $opt) ? 'selected' : '' }}>
                                                    {{ $opt == 1 ? 'Active' : 'Inactive' }}
                                                </option>
                                            @endforeach
                                        </select>
                                        @error('status')
                                            <span class="text-danger">{{ $errors->first('status') }}</span>
                                        @enderror
                                    </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('graduation.show', $otherProduct->package->graduation_id) }}">
                                    <i class="md md-arrow-back"></i>
                                    Back
                                </a>
                                <input type="submit" name="pageSubmit"
                                    class="btn btn-success btn-sm waves-effect waves-light float-right" value="Submit">
                            </div>
                        </div>
                    </div>
                </div>

            </form>
        </div>
    </section>
@endsection