@extends('layouts.admin.admin')

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

@section('content')
    <div class="row">
        <div class="col-12">
            <div class="page-title-box d-flex align-items-center justify-content-between">
                <h5 class="mb-0 font-size-18">Add Other Product</h5>

                <div class="page-title-right">
                    <ol class="breadcrumb m-0">
                        <li class="breadcrumb-item"><a href="javascript: void(0);">Home</a></li>
                        <li class="breadcrumb-item ">Other Product</li>
                        <li class="breadcrumb-item active">Add</li>
                    </ol>
                </div>

            </div>
        </div>
    </div>
    <section>
        <div class="section-body">
            <form class="form form-validate floating-label" action="{{ route('package.other-product.store', $package->id) }}" method="POST" enctype="multipart/form-data">
                <input type="hidden" name="package_id" value="{{ $package->id }}">
                @csrf
                <div class="card">
                    <div class="card-underline">
                        <div class="card-header">
                            <header class="mt-2">
                                <h5>Add Form</h3>
                            </header>
                        </div>
                        <div class="card-body">
                            <div class="row">
                                <div class="col-md-6">
                                    <div class="row">
                                        <div class="col-md-6">
                                            <div class="form-group ">
                                                <label for="name" class="col-form-label pt-0">Product Name {!! requiredLabel() !!}</label>
                                                <input class="form-control" type="text" required name="product_name" value="{{ old('product_name') }}"">
                                                @error('product_name')
                                                    <span class="text-danger">{{ $errors->first('product_name') }}</span>
                                                @enderror
                                            </div>
                                        </div>
                                        <div class="col-md-6">
                                            <div class="form-group ">
                                                <label for="name" class="col-form-label pt-0">Is Free / Included in Package {!! requiredLabel() !!}</label>
                                                <select data-placeholder="Select Option" id="is_free" class="select2 tail-select  form-control" name="is_free" required>
                                                    @foreach (config('custom.yes_no') as $opt)
                                                        <option value="{{ $opt }}" {{ isTrue($opt) ? '' : 'selected' }}>
                                                            {{ $opt == '1' ? 'Yes' : 'No' }}
                                                        </option>
                                                    @endforeach
                                                </select>
                                                @error('is_free')
                                                    <span class="text-danger">{{ $errors->first('is_free') }}</span>
                                                @enderror
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col-md-6">
                                            <div class="form-group">
                                                <label class="control-label">Image {!! requiredLabel() !!} {!! imageSizeLabel() !!}</label><br>
                                                <input type="file" name="image" class="form-control" required>
                                                @error('image')
                                                    <span class="text-danger">{{ $errors->first('image') }}</span>
                                                @enderror
                                            </div>
                                        </div>
                                        <div class="col-md-3">
                                            <div class="form-group ">
                                                <label for="name" class="col-form-label pt-0">Price {!! requiredLabel() !!}</label>
                                                <input class="form-control" type="text" required name="price" id="price" value="{{ old('price') ??  0 }}">
                                                @error('price')
                                                    <span class="text-danger">{{ $errors->first('price') }}</span>
                                                @enderror
                                            </div>
                                        </div>
                                        <div class="col-md-3">
                                            <div class="form-group ">
                                                <label for="name" class="col-form-label pt-0">Quantity Limit {!! requiredLabel() !!}</label>
                                                <input class="form-control" type="text" required name="quantity_limit" value="{{ old('quantity_limit') ?? 1 }}">
                                                @error('quantity')
                                                    <span class="text-danger">{{ $errors->first('quantity') }}</span>
                                                @enderror
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col-md-6">
                                            <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>
                                        <div class="col-md-6">
                                            <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>
                                    </div>
                                    <div class="row">
                                        <div class="col-md-6">
                                            <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>
                                        <div class="col-md-6">
                                            <div class="form-group ">
                                                <label for="name" class="col-form-label pt-0">Status</label>
                                                <select data-placeholder="Select Option" class="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 class="col-md-6">
                                            <div class="form-group ">
                                                <label for="name" class="col-form-label pt-0">Show In Collection</label>
                                                <select data-placeholder="Select Option" class="tail-select  form-control"
                                                    name="collection_show" required>
                                                    @foreach (config('custom.yes_no_text') as $opt)
                                                        <option value="{{ $opt }}"
                                                            {{ old('collection_show') === $opt ? 'selected' : '' }}>
                                                            {{ $opt }}
                                                        </option>
                                                    @endforeach
                                                </select>
                                                @error('collection_show')
                                                    <span class="text-danger">{{ $errors->first('collection_show') }}</span>
                                                @enderror
                                            </div>
                                        </div>
                                    </div>
                                    
                                    
                                    
                                    
                                    
                                    <div class="form-group ">
                                        <label for="name" class="col-form-label pt-0">Has Option {!! requiredLabel() !!}</label>
                                        <select data-placeholder="Select Option" id="has_option" class="select2 tail-select  form-control" name="has_option" required>
                                            @foreach (config('custom.yes_no') as $opt)
                                                <option value="{{ $opt }}" {{ isTrue($opt) ? '' : 'selected' }}>
                                                    {{ $opt == '1' ? 'Yes' : 'No' }}
                                                </option>
                                            @endforeach
                                        </select>
                                        @error('has_option')
                                            <span class="text-danger">{{ $errors->first('has_option') }}</span>
                                        @enderror
                                    </div>
                                    
                                    <div class="form-group use_option_price d-none">
                                        <label for="name" class="col-form-label pt-0">Use Option Price {!! requiredLabel() !!}</label>
                                        <select data-placeholder="Select Option" id="use_option_price"class="select2 tail-select  form-control" name="use_option_price" onclick="enableDisable()" disabled required>
                                            <option selected disabled>Choose Option</option>
                                            @foreach (config('custom.yes_no') as $opt)
                                                <option value="{{ $opt }}" {{ (old('use_option_price') == $opt) ? 'selected' : '' }}>
                                                    {{ $opt == 1 ? 'Yes' : 'No' }}
                                                </option>
                                            @endforeach
                                        </select>
                                        @error('user_option_price')
                                            <span class="text-danger">{{ $errors->first('use_option_price') }}</span>
                                        @enderror
                                    </div>
                                    
                                    
                                    
                                    
                                </div>
                                <div class="col-md-6">
                                    <div class="form-group ">
                                        <label for="description" class="col-form-label pt-0">Description {!! requiredLabel() !!}</label>
                                        <textarea class="form-control" id="editor1" name="description" required>{!! old('description') ?? '-' !!}</textarea>
                                        @error('description')
                                            <span class="text-danger">{{ $errors->first('description') }}</span>
                                        @enderror
                                    </div>
                                    <div class="form-group ">
                                        <label for="description" class="col-form-label pt-0">Instruction {!! requiredLabel() !!}</label>
                                        <textarea class="form-control" id="editor2" name="instruction" required>{!! old('instruction') ?? '-' !!}</textarea>
                                        @error('instruction')
                                            <span class="text-danger">{{ $errors->first('instruction') }}</span>
                                        @enderror
                                    </div>
                                </div>
                            </div>
                            <div class="card d-none" id="product-option-section">
                                <div class="card-body">
                                    <div class="form-group">
                                        <h5 for="">Options</h2>
                                    </div>
                                    <div class="row">
                                        <table class="table table-responsive">
                                            <thead>
                                                <tr>
                                                    <th></th>
                                                    <th>Title</th>
                                                    <th>Old Price</th>
                                                    <th>Sale Price</th>
                                                    <th>National Postage Fee</th>
                                                    <th>International Postage Fee</th>
                                                    <th>Sort</th>
                                                    <th>Status</th>
                                                </tr>
                                            </thead>
                                            <tbody id="product_options">
                                            </tbody>
                                            <tfoot>
                                                <tr>
                                                    <td colspan="3">
                                                        <button type="button" class="btn btn-dark" onclick="addOption()">
                                                            Add Row <i class="fa fa-plus"></i>
                                                        </button>
                                                    </td>
                                                </tr>
                                            </tfoot>
                                            
                                        </table>
                                    </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', $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