@extends('layouts.admin.admin')

@section('title', 'Edit 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">Edit 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">Edit</li>
                    </ol>
                </div>

            </div>
        </div>
    </div>
    <section>
        <div class="section-body">
            <form class="form form-validate floating-label"
                action="{{ route('package.other-product.update', ['package_id' => $otherProduct->package_id, 'id' => $otherProduct->id]) }}"
                method="POST" enctype="multipart/form-data">
                <input type="hidden" name="package_id" value="{{ $otherProduct->package_id }}">
                @csrf
                @method('PATCH')
                <div class="card">
                    <div class="card-underline">
                        <div class="card-header">
                            <header class="mt-2">
                                <h5>Eidt 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="{{ $otherProduct->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 }}"
                                                            {{ $otherProduct->is_free == $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 {!! imageSizeLabel() !!}</label><br>
                                                <input type="file" name="image" class="form-control">
                                            </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"
                                                    {{ isPreProductPriceDisabled($otherProduct) }}
                                                    value="{{ $otherProduct->price }}">
                                                @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="{{ $otherProduct->quantity_limit }}">
                                                @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="{{ $otherProduct->national_postage_fee }}" 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="{{ $otherProduct->international_postage_fee }}" 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="{{ $otherProduct->sort }}">
                                                @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="select2 tail-select  form-control"
                                                    name="status" required>
                                                    @foreach (config('custom.yes_no') as $opt)
                                                        <option value="{{ $opt }}"
                                                            {{ $otherProduct->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 }}"
                                                            {{ $otherProduct->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="tail-select  form-control" name="has_option" required>
                                            @foreach (config('custom.yes_no') as $opt)
                                                <option value="{{ $opt }}"
                                                    {{ $otherProduct->has_option == $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 {{ $otherProduct->has_option == '1' && $otherProduct->is_free == '0' ? '' : '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()">
                                            <option selected disabled>Choose Option</option>
                                            @foreach (config('custom.yes_no') as $opt)
                                                <option value="{{ $opt }}"
                                                    {{ $otherProduct->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>{!! $otherProduct->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>{!! $otherProduct->instruction !!}</textarea>
                                        @error('instruction')
                                            <span class="text-danger">{{ $errors->first('instruction') }}</span>
                                        @enderror
                                    </div>
                                </div>
                            </div>
                            @if(isTrue($otherProduct->has_option))
                            {{-- <div class="card {{ $otherProduct->has_option == '0' ? '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">
                                                @foreach ($otherProduct->otherProductOptions as $option)
                                                    <tr>
                                                        <td>
                                                            <input type="hidden" name="option_ids[]" value="{{ $option->id }}">
                                                        </td>
                                                        <td>
                                                            <input type="text" name="name[]" class="form-control" value="{{ $option->name }}" required>
                                                        </td>
                                                        <td>
                                                            <input type="number" step=".01" class="form-control old_price" name="old_price[]" value="{{ $option->old_price }}" {{ isTrue($otherProduct->use_option_price) ? '' : 'disabled' }} required>
                                                        </td>
                                                        <td>
                                                            <input type="number" step=".01" class="form-control sale_price" name="sale_price[]" value="{{ $option->sale_price }}" {{ isTrue($otherProduct->use_option_price) ? '' : 'disabled' }} required>
                                                        </td>
                                                        <td>
                                                            <input class="form-control" name="option_national_postage_fee[]" value="{{ $option->national_postage_fee }}" required />
                                                        </td>
                                                        <td>
                                                            <input class="form-control" name="option_international_postage_fee[]" value="{{ $option->international_postage_fee }}" required />
                                                        </td>
                                                        <td>
                                                            <input type="number" class="form-control" name="option_sort[]" value="1" value="{{ $option->optionsort }}" required>
                                                        </td>
                                                        <td>
                                                            <select class="form-control" name="option_status[]" required>
                                                                <option value="1"
                                                                    {{ $option->status == '1' ? 'selected' : '' }}>Active
                                                                </option>
                                                                <option value="0"
                                                                    {{ $option->status == '0' ? 'selected' : '' }}>Inactive
                                                                </option>
                                                            </select>
                                                        </td>
                                                    </tr>
                                                @endforeach
                                            </tbody>

                                        </table>
                                    </div>
                                </div>
                            </div> --}}
                            @endif
                        </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