@extends('layouts.master')

@section('content')
<style>
.custom_accordion {
    border: 1px solid #fff !important;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 15px;
  transition: 0.4s;
}

.custom_active, .custom_accordion:hover {
  background-color: #ccc;
}

.custom_accordion:after {
  content: '\002B';
  color: #777;
  font-weight: bold;
  float: right;
  margin-left: 5px;
}

.custom_active:after {
  content: "\2212";
}

.custom_panel {
    display: none;
}
</style>
    <div class="container-fluid">

        <div class="row">
            <div class="col-sm-12">
                <div class="page-title-box">
                    <h4 class="page-title">Product</h4>
                    <ol class="breadcrumb">
                        <li class="breadcrumb-item"><a href="javascript:void(0);">Admin</a></li>
                        <li class="breadcrumb-item"><a href="javascript:void(0);">Product</a></li>
                        <li class="breadcrumb-item active">Create</li>
                    </ol>
                    <div class="state-information d-none d-sm-block">
                        <div class="text-center">
                            <a class="btn btn-primary " href="{{ url('product/listing') }}">Back</a>
                        </div>
                    </div>

                </div>
            </div>
        </div>
        <!-- end row -->

        <div class="row">
            <div class="col-12">
                <div class="card m-b-20">
                    <div class="card-body">
                        @include('sweetalert::alert')
                        <form name="permissions" action={{ url('product/store') }} method="post" enctype="multipart/form-data">
                        @csrf
                        <div class="form-group row">
                            <label for="example-url-input" class="col-sm-2 col-form-label">Category</label>
                            <div class="col-md-10">
                                @foreach ($category as $parent)
                                        
                                            <div class="bg-success p-2 text-white custom_accordion" onclick="toggleCategory('panel_{{$parent->id}}')">
                                                <label><input type="checkbox" name="category_id[]" value="{{$parent->id}}" > {{$parent->title}}</label>
                                            </div>
                                            <div class="custom_panel" id="panel_{{$parent->id}}">
                                                @foreach ($parent->child as $child)
                                                <div class="p-2 mb-2_bk bg-gradient bg-light text-dark">
                                                    <label><input type="checkbox" name="category_id[]" value="{{$child->id}}" > {{$child->title}}</label>
                                                </div>
                                                @endforeach
                                            </div>
                                @endforeach
                                
                            </div>
                        </div>
                        <div class="form-group row">
                            <label for="example-text-input" class="col-sm-2 col-form-label">Title</label>
                            <div class="col-sm-10">
                                <input type="text" name="title" class="form-control" value="{{old('title')}}" autocomplete="off" required>
                                @error('title')
                                <span class="help-block">{{$errors->first('title')}}</span>
                                @enderror
                            </div>
                        </div>
                        <div class="form-group row">
                            <label for="example-text-input" class="col-sm-2 col-form-label">Heading</label>
                            <div class="col-sm-10">
                                <input type="text" name="heading" class="form-control" value="{{old('heading')}}" autocomplete="off" required>
                                @error('heading')
                                <span class="help-block">{{$errors->first('heading')}}</span>
                                @enderror
                            </div>
                        </div>
                        <div class="form-group row">
                            <label for="example-text-input" class="col-sm-2 col-form-label">Item Number</label>
                            <div class="col-sm-10">
                                <input type="text" name="sku" class="form-control" value="{{old('sku')}}" autocomplete="off" >
                                @error('sku')
                                <span class="help-block">{{$errors->first('sku')}}</span>
                                @enderror
                            </div>
                        </div>
                        
                        <div class="form-group row">
                            <label for="example-text-input" class="col-sm-2 col-form-label">Selling Price</label>
                            <div class="col-sm-10">
                                <input type="text" name="selling_price" class="form-control" value="" id="selling_price" autocomplete="off" placeholder="Enter selling price" >
                                @error('selling_price')
                                <span class="help-block">{{$errors->first('selling_price')}}</span>
                                @enderror
                            </div>
                        </div>
                        <div class="form-group row">
                            <label for="example-text-input" class="col-sm-2 col-form-label">Purchase Price</label>
                            <div class="col-sm-10">
                                <input type="text" name="purchase_price" class="form-control" id="purchase_price" value="" autocomplete="off" placeholder="Enter purchase price">
                                @error('purchase_price')
                                <span class="help-block">{{$errors->first('purchase_price')}}</span>
                                @enderror
                            </div>
                        </div>
                        <div class="form-group row">
                            <label for="example-text-input" class="col-sm-2 col-form-label">Vat Rate</label>
                            <div class="col-sm-10">
                                <select  class="form-control vat_rate" name="vat_rate" onchange="return cal_price_data();">
                                    <option value="0">0%</option>
                                    <option value="19">19%</option>
                                    <option value="20">20%</option>
                                </select>
                                @error('vat_rate')
                                <span class="help-block">{{old('vat_rate')}}</span>
                                @enderror
                            </div>
                        </div>
                        <!--new-->
                        <div class="form-group row">
                            <label for="example-text-input" class="col-sm-2 col-form-label">Purchasing Suplier</label>
                            <div class="col-sm-10">
                                <input type="text" name="purchasing_suplier" class="form-control purchasing_suplier" id="purchasing_suplier" value="{{old('purchasing_suplier')}}" autocomplete="off" required placeholder="Purchasing Suplier" style='width: 30%; display: inline;'  step=".01">
                                <select class="form-control" name="purchasing_suplier_type" id="purchasing_suplier_type" style='width: 10%; display: inline;'>
                                    <option value="%" >%</option>
                                    <option value="EUR" >EUR</option>
                                    <option value="USD" >USD</option>
                                </select>
                            </div>
                        </div>
                        <div class="form-group row">
                            <label for="example-text-input" class="col-sm-2 col-form-label">Selling Price Premium Percentage</label>
                            <div class="col-sm-10">
                                <input type="text" name="selling_price_premium_percentage" id="selling_price_premium_percentage" class="form-control selling_price_premium_percentage" value="{{old('selling_price_premium_percentage')}}" autocomplete="off" required placeholder="Selling Price Premium Percentage" style='width: 30%; display: inline;' onchange="return cal_price_data();">%
                            </div>
                        </div>
                        <div class="form-group row">
                            <label for="example-text-input" class="col-sm-2 col-form-label">Selling Price Percentage 2</label>
                            <div class="col-sm-10">
                                <input type="text" name="selling_price_percentage_2" id="selling_price_percentage_2" class="form-control selling_price_percentage_2" value="{{old('selling_price_percentage_2')}}" autocomplete="off" required placeholder="Selling Price Premium Percentage" style='width: 30%; display: inline;' onchange="return cal_price_data();">
                                <select class="form-control" name="selling_price_percentage_2_type" id="selling_price_percentage_2_type" style='width: 10%; display: inline;' onchange="return cal_price_data();">
                                    <option value="%" >%</option>
                                    <option value="EU">EUR</option>
                                    <option value="USD">USD</option>
                                </select>
                            </div>
                        </div>

                        <div class="form-group row">
                            <label for="example-text-input" class="col-sm-2 col-form-label">Purchage Price Premium Percentage</label>
                            <div class="col-sm-10">
                                <input type="text" name="purchase_price_premium_percentage" id="purchase_price_premium_percentage" class="form-control purchase_price_premium_percentage" value="{{old('purchase_price_premium_percentage')}}" autocomplete="off" required placeholder="Purchage Price Premium Percentage" style='width: 30%; display: inline;' onchange="return cal_price_data();">%
                            </div>
                        </div>
                        <div class="form-group row">
                            <label for="example-text-input" class="col-sm-2 col-form-label">Purchage Price Percentage 2</label>
                            <div class="col-sm-10">
                                <input type="text" name="purchase_price_percentage_2" id="purchase_price_percentage_2" class="form-control purchase_price_percentage_2" value="{{old('purchase_price_percentage_2')}}" autocomplete="off" required placeholder="Purchage Price Premium Percentage" style='width: 30%; display: inline;' onchange="return cal_price_data();">
                                <select class="form-control" id="purchase_price_percentage_2_type" name="purchase_price_percentage_2_type" style='width: 10%; display: inline;' onchange="return cal_price_data();">
                                    <option value="%">%</option>
                                    <option value="EUR">EUR</option>
                                    <option value="USD">USD</option>
                                </select>
                            </div>
                        </div>
                        <div class="form-group row">
                            <label for="example-text-input" class="col-sm-2 col-form-label">Fine Weight</label>
                            <div class="col-sm-10">
                                <input type="text" name="fine_weight" id="fine_weight" class="form-control" value="{{old('fine_weight')}}" autocomplete="off" required style='width: 30%; display: inline;' onchange="return cal_price_data();">
                                <select class="form-control" name="fine_weight_type" id="fine_weight_type" style='width: 10%; display: inline;' onchange="return cal_price_data();">
                                    <option value="oz"  >OZ</option>
                                    <option value="g" >G</option>
                                </select>
                            </div>
                        </div>
                        <div class="form-group row">
                            <label for="example-text-input" class="col-sm-2 col-form-label">Base Product</label>
                            <div class="col-sm-10">
                                <select class="form-control" name="base_product" id="base_product" onchange="return cal_price_data();" style='width: 10%; display: inline;'>
                                     <option value="TT_GOLD">Gold</option>
                                    <option value="TT_SILVER">Silver</option>
                                    <option value="TT_PLATIN">Platinum</option>
                                    <option value="TT_PALLADIUM">Palladium</option>
                                </select>
                            </div>
                        </div>
                         <!--new-->
                        
                        <div class="form-group row">
                            <label for="example-text-input" class="col-sm-2 col-form-label">Fineness</label>
                            <div class="col-sm-10">
                                <input type="text" name="fineness" class="form-control" value="{{old('fineness')}}" autocomplete="off" >
                                @error('fineness')
                                <span class="help-block">{{$errors->first('fineness')}}</span>
                                @enderror
                            </div>
                        </div>
                        <div class="form-group row">
                            <label for="example-text-input" class="col-sm-2 col-form-label">Size Info</label>
                            <div class="col-sm-10">
                                <input type="text" name="size" class="form-control" value="{{old('size')}}" autocomplete="off" >
                                @error('size')
                                <span class="help-block">{{$errors->first('size')}}</span>
                                @enderror
                            </div>
                        </div>
                        <div class="form-group row">
                            <label for="example-text-input" class="col-sm-2 col-form-label">Manufacturer</label>
                            <div class="col-sm-10">
                                <input type="text" name="manufacturer" class="form-control" value="{{old('manufacturer')}}" autocomplete="off" >
                                @error('manufacturer')
                                <span class="help-block">{{$errors->first('manufacturer')}}</span>
                                @enderror
                            </div> 
                        </div>
                        <div class="form-group row">
                            <label for="example-text-input" class="col-sm-2 col-form-label">Condition</label>
                            <div class="col-sm-10">
                                <input type="text" name="item_condition" class="form-control" value="{{old('item_condition')}}" autocomplete="off" >
                                @error('item_condition')
                                <span class="help-block">{{$errors->first('item_condition')}}</span>
                                @enderror
                            </div> 
                        </div>
                        
                        <div class="form-group row">
                            <label for="example-text-input" class="col-sm-2 col-form-label">Origin</label>
                            <div class="col-sm-10">
                                <input type="text" name="origin" class="form-control" value="{{old('origin')}}" autocomplete="off" >
                                @error('origin')
                                <span class="help-block">{{$errors->first('origin')}}</span>
                                @enderror
                            </div> 
                        </div>
                        <div class="form-group row">
                            <label for="example-text-input" class="col-sm-2 col-form-label">Face value</label>
                            <div class="col-sm-10">
                                <input type="text" name="face_value" class="form-control" value="{{old('face_value')}}" autocomplete="off" >
                                @error('face_value')
                                <span class="help-block">{{$errors->first('face_value')}}</span>
                                @enderror
                            </div> 
                        </div>
                        <div class="form-group row">
                            <label for="example-text-input" class="col-sm-2 col-form-label">Image</label>
                            <div class="col-sm-10">
                                <input type="file" name="image" class="form-control" autocomplete="off" required>
                                @error('image')
                                <span class="help-block">{{$errors->first('image')}}</span>
                                @enderror
                            </div>
                        </div>
                        <div class="form-group row">
                            <label for="example-text-input" class="col-sm-2 col-form-label">Coin Image</label>
                            <div class="col-sm-10">
                                <input type="file" name="coin_image" class="form-control" autocomplete="off" >
                                @error('coin_image')
                                <span class="help-block">{{$errors->first('coin_image')}}</span>
                                @enderror
                            </div>
                        </div>
                         <div class="form-group row">
                            <label for="example-text-input" class="col-sm-2 col-form-label">Video</label>
                            <div class="col-sm-10">
                                <input type="file" name="video" class="form-control" autocomplete="off" >
                                @error('video')
                                <span class="help-block">{{$errors->first('video')}}</span>
                                @enderror
                            </div>
                        </div> 
                        <div class="form-group row">
                            <label for="example-text-input" class="col-sm-2 col-form-label">Video Thumbnail Image</label>
                            <div class="col-sm-10">
                                <input type="file" name="video_thumbnail" class="form-control" autocomplete="off" >
                                @error('video_thumbnail')
                                <span class="help-block">{{$errors->first('video_thumbnail')}}</span>
                                @enderror
                            </div>
                        </div>
                        <div class="form-group row">
                            <label for="example-url-input" class="col-sm-2 col-form-label">Short Overview</label>
                                <div class="col-sm-10">
                                    <textarea name="short_overview" class="form-control">{{old('short_overview')}}</textarea>
                                </div>
                        </div>
                        <div class="form-group row">
                            <label for="example-url-input" class="col-sm-2 col-form-label">Overview</label>
                                <div class="col-sm-10">
                                    <textarea name="overview" class="form-control">{{old('overview')}}</textarea>
                                </div>
                        </div>
                        <div class="form-group row">
                            <label for="example-url-input" class="col-sm-2 col-form-label">Description</label>
                                <div class="col-sm-10">
                                    <textarea name="description" class="form-control"><p>Es gelten die Preise, die aktuell (also bei Ihrer Bestellung) auf unserer Website angezeigt werden, vorbehaltlich Irrt&uuml;mer und Fehlangaben.</p>
<p>Hinweis auf den Ausschluss des R&uuml;cktrittsrechts f&uuml;r Verbraucher<br />Kein R&uuml;cktrittsrecht<br />Gem&auml;&szlig; &sect; 18 Abs 1 Z 2 FAGG besteht f&uuml;r Verbraucher kein R&uuml;cktrittsrecht, da der Fernabsatzvertrag die Lieferung von Waren zum Gegenstand hat, deren Preis der Entwicklung der S&auml;tze auf den Finanzm&auml;rkten unterliegen, auf welche wir keinen Einfluss haben. Es gelten die Preise, die aktuell (also bei Ihrer Bestellung) auf unserer Website angezeigt werden, vorbehaltlich Irrt&uuml;mer und Fehlangaben.</p></textarea>
                                </div>
                        </div>
                        <div class="form-group row">
                            <label for="example-url-input" class="col-sm-2 col-form-label">Display In Home</label>
                            <div class="col-sm-10">
                                <select  class="form-control" name="display_home">
                                    <option value="0">No</option>
                                    <option value="1">Yes</option>
                                </select>
                            </div>
                        </div>
                        <div class="form-group row">
                            <label for="example-url-input" class="col-sm-2 col-form-label">Display In Best Selling Coins</label>
                            <div class="col-sm-10">
                                <select  class="form-control" name="display_in_best_selling_coins">
                                    <option value="0">No</option>
                                    <option value="1">Yes</option>
                                </select>
                            </div>
                        </div>
                        <div class="form-group row">
                            <label for="example-url-input" class="col-sm-2 col-form-label">Stock Available</label>
                            <div class="col-sm-10">
                                <select  class="form-control" name="stock_available">
                                    <option value="Available">Available</option>
                                    <option value="On request">On request</option>
                                </select>
                            </div>
                        </div>
                        <div class="form-group row">
                            <label for="example-text-input" class="col-sm-2 col-form-label">Sequence Number</label>
                            <div class="col-sm-10">
                                <input type="text" name="seq_no" id="sequence_number" class="form-control" value="{{old('sequence_number')}}" autocomplete="off" placeholder="Enter Sequence Number">
                            </div>
                        </div>
                        <div class="form-group row">
                            <label for="example-url-input" class="col-sm-2 col-form-label">Image Gallery</label>
                            <div class="col-sm-10">
                            <div class="row" style="width: 100%;"></div>
                                <button type="button" class="btn btn-outline-primary waves-effect waves-light addGalleryImage"><i class="mdi mdi-plus"></i> Add</button>
                                <div class="inputBox"></div>
                            </div>
                        </div>
                        <div class="form-group row">
                            <label for="example-text-input" class="col-sm-2 col-form-label">Youtube Video</label>
                            <div class="col-sm-10">
                                <input type="text" name="youtube_video" id="youtube_video" class="form-control" value="{{old('youtube_video')}}" autocomplete="off" placeholder="Enter Youtube Video">
                            </div>
                        </div>
                        <div class="form-group row">
                            <label for="example-url-input" class="col-sm-2 col-form-label">Display In Maple Leaf Coin</label>
                            <div class="col-sm-10">
                                <select  class="form-control" name="display_in_maple_leaf_coin">
                                    <option value="0">No</option>
                                    <option value="1">Yes</option>
                                </select>
                            </div>
                        </div>
                        <div class="form-group row">
                            <label for="example-url-input" class="col-sm-2 col-form-label">Status</label>
                            <div class="col-sm-10">
                                <select  class="form-control" name="status">
                                    <option value="1">Active</option>
                                    <option value="0">Inactive</option>
                                </select>
                            </div>
                        </div>
                        <div class="text-center">
                            <button type="submit" class="btn btn-outline-success btn-lg">Submit</button>
                        </div>
                    </form>

                    </div>
                </div>
            </div> <!-- end col -->
        </div> <!-- end row -->




    </div> <!-- container-fluid -->
@endsection