@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">Edit</li>
                    </ol>
                    <div class="state-information d-none d-sm-block">
                        <div class="text-center">
                            <a class="btn btn-primary " href="{{ url('business_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('business_product/update/'.$result->id) }} 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">
@php
    $category_array = (!empty($result->category_id))?explode(',', $result->category_id):array();
@endphp
                                @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}}" {{ in_array($parent->id,$category_array) ? 'checked' : '' }} > {{$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}}" {{ in_array($child->id,$category_array) ? 'checked' : '' }}> {{$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="{{$result->title}}" autocomplete="off" >
                                @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">Item Number</label>
                            <div class="col-sm-10">
                                <input type="text" name="sku" class="form-control" value="{{$result->sku}}" autocomplete="off" >
                                @error('sku')
                                <span class="help-block">{{$errors->first('sku')}}</span>
                                @enderror
                            </div>
                        </div>
                        {{-- vat_rate --}}
                            <div class="form-group row">
                                <label 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="calculate_all_grades()">
                                        <option value="0" {{ ($result->vat_rate ?? '0') == '0.00' ? 'selected' : '' }}>0%</option>
                                        <option value="19" {{ ($result->vat_rate ?? '') == '19.00' ? 'selected' : '' }}>19%</option>
                                        <option value="20" {{ ($result->vat_rate ?? '') == '20.00' ? 'selected' : '' }}>20%</option>
                                    </select>
                                </div>
                            </div>
                        
                            {{-- fine_weight + fine_weight_type --}}
                            <div class="form-group row">
                                <label class="col-sm-2 col-form-label">Fine Weight</label>
                                <div class="col-sm-10">
                                    <input type="text"
                                        id="fine_weight"
                                        name="fine_weight"
                                        value="{{ $result->fine_weight ?? '' }}"
                                        class="form-control"
                                        style="width:30%;display:inline;"
                                        onchange="calculate_all_grades()">
                        
                                    <select id="fine_weight_type"
                                        name="fine_weight_type"
                                        class="form-control"
                                        style="width:10%;display:inline;"
                                        onchange="calculate_all_grades()">
                                        <option value="g" {{ ($result->fine_weight_type ?? '') == 'g' ? 'selected' : '' }}>G</option>
                                        <option value="oz" {{ ($result->fine_weight_type ?? '') == 'oz' ? 'selected' : '' }}>OZ</option>
                                    </select>
                                </div>
                            </div>
                        @foreach($grades as $grade)

                        @php
                            $row = $gradeData[$grade->id] ?? null;
                        @endphp
                        
                        <div class="card" style="padding:20px;margin-bottom:25px;border:1px solid #ddd;">
                            <h4>{{ $grade->name }}</h4>
                        
                            <input type="hidden" name="grades[{{ $grade->id }}][grade_id]" value="{{ $grade->id }}">
                        
                            
                        
                            {{-- selling_price_premium_percentage --}}
                            <div class="form-group row">
                                <label class="col-sm-2 col-form-label">Selling Price Premium %</label>
                                <div class="col-sm-10">
                                    <input type="text"
                                        id="selling_price_premium_percentage_{{ $grade->id }}"
                                        name="grades[{{ $grade->id }}][selling_price_premium_percentage]"
                                        value="{{ $row->selling_price_premium_percentage ?? '' }}"
                                        class="form-control"
                                        style="width:30%;display:inline;"
                                        onchange="cal_price_data_business({{ $grade->id }})">%
                                </div>
                            </div>
                        
                            {{-- selling_price_percentage_2 + type --}}
                            <div class="form-group row">
                                <label class="col-sm-2 col-form-label">Selling Price % 2</label>
                                <div class="col-sm-10">
                                    <input type="text"
                                        id="selling_price_percentage_2_{{ $grade->id }}"
                                        name="grades[{{ $grade->id }}][selling_price_percentage_2]"
                                        value="{{ $row->selling_price_percentage_2 ?? '' }}"
                                        class="form-control"
                                        style="width:30%;display:inline;"
                                        onchange="cal_price_data_business({{ $grade->id }})">
                        
                                    <select id="selling_price_percentage_2_type_{{ $grade->id }}"
                                        name="grades[{{ $grade->id }}][selling_price_percentage_2_type]"
                                        class="form-control"
                                        style="width:10%;display:inline;"
                                        onchange="cal_price_data_business({{ $grade->id }})">
                                        <option value="%" {{ ($row->selling_price_percentage_2_type ?? '') == '%' ? 'selected' : '' }}>%</option>
                                        <option value="EUR" {{ ($row->selling_price_percentage_2_type ?? '') == 'EUR' ? 'selected' : '' }}>EUR</option>
                                        <option value="USD" {{ ($row->selling_price_percentage_2_type ?? '') == 'USD' ? 'selected' : '' }}>USD</option>
                                    </select>
                                </div>
                            </div>
                        
                            {{-- purchase_price_premium_percentage --}}
                            <div class="form-group row">
                                <label class="col-sm-2 col-form-label">Purchase Price Premium %</label>
                                <div class="col-sm-10">
                                    <input type="text"
                                        id="purchase_price_premium_percentage_{{ $grade->id }}"
                                        name="grades[{{ $grade->id }}][purchase_price_premium_percentage]"
                                        value="{{ $row->purchase_price_premium_percentage ?? '' }}"
                                        class="form-control"
                                        style="width:30%;display:inline;"
                                        onchange="cal_price_data_business({{ $grade->id }})">%
                                </div>
                            </div>
                        
                            {{-- purchase_price_percentage_2 + type --}}
                            <div class="form-group row">
                                <label class="col-sm-2 col-form-label">Purchase Price % 2</label>
                                <div class="col-sm-10">
                                    <input type="text"
                                        id="purchase_price_percentage_2_{{ $grade->id }}"
                                        name="grades[{{ $grade->id }}][purchase_price_percentage_2]"
                                        value="{{ $row->purchase_price_percentage_2 ?? '' }}"
                                        class="form-control"
                                        style="width:30%;display:inline;"
                                        onchange="cal_price_data_business({{ $grade->id }})">
                        
                                    <select id="purchase_price_percentage_2_type_{{ $grade->id }}"
                                        name="grades[{{ $grade->id }}][purchase_price_percentage_2_type]"
                                        class="form-control"
                                        style="width:10%;display:inline;"
                                        onchange="cal_price_data_business({{ $grade->id }})">
                                        <option value="%" {{ ($row->purchase_price_percentage_2_type ?? '') == '%' ? 'selected' : '' }}>%</option>
                                        <option value="EUR" {{ ($row->purchase_price_percentage_2_type ?? '') == 'EUR' ? 'selected' : '' }}>EUR</option>
                                        <option value="USD" {{ ($row->purchase_price_percentage_2_type ?? '') == 'USD' ? 'selected' : '' }}>USD</option>
                                    </select>
                                </div>
                            </div>
                        
                            {{-- purchasing_suplier + type --}}
                            <div class="form-group row">
                                <label class="col-sm-2 col-form-label">Purchasing Supplier</label>
                                <div class="col-sm-10">
                                    <input type="text"
                                        id="purchasing_suplier_{{ $grade->id }}"
                                        name="grades[{{ $grade->id }}][purchasing_suplier]"
                                        value="{{ $row->purchasing_suplier ?? '' }}"
                                        class="form-control"
                                        style="width:30%;display:inline;"
                                        onchange="cal_price_data_business({{ $grade->id }})">
                        
                                    <select id="purchasing_suplier_type_{{ $grade->id }}"
                                        name="grades[{{ $grade->id }}][purchasing_suplier_type]"
                                        class="form-control"
                                        style="width:10%;display:inline;"
                                        onchange="cal_price_data_business({{ $grade->id }})">
                                        <option value="%" {{ ($row->purchasing_suplier_type ?? '') == '%' ? 'selected' : '' }}>%</option>
                                        <option value="EUR" {{ ($row->purchasing_suplier_type ?? '') == 'EUR' ? 'selected' : '' }}>EUR</option>
                                        <option value="USD" {{ ($row->purchasing_suplier_type ?? '') == 'USD' ? 'selected' : '' }}>USD</option>
                                    </select>
                                </div>
                            </div>
                        
                            {{-- selling_price (FINAL) --}}
                            <div class="form-group row">
                                <label class="col-sm-2 col-form-label">Final Selling Price</label>
                                <div class="col-sm-10">
                                    <input type="text"
                                        id="selling_price_{{ $grade->id }}"
                                        name="grades[{{ $grade->id }}][selling_price]"
                                        value="{{ $row->selling_price ?? '' }}"
                                        class="form-control"
                                        readonly>
                                </div>
                            </div>
                        
                            {{-- purchase_price (FINAL) --}}
                            <div class="form-group row">
                                <label class="col-sm-2 col-form-label">Final Purchase Price</label>
                                <div class="col-sm-10">
                                    <input type="text"
                                        id="purchase_price_{{ $grade->id }}"
                                        name="grades[{{ $grade->id }}][purchase_price]"
                                        value="{{ $row->purchase_price ?? '' }}"
                                        class="form-control"
                                        readonly>
                                </div>
                            </div>
                        
                        </div>
                        
                        @endforeach

                        <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" {{ $result->base_product=='TT_GOLD' ? 'selected' : '' }}>Gold</option>
                                    <option value="TT_SILVER" {{ $result->base_product=='TT_SILVER' ? 'selected' : '' }}>Silver</option>
                                    <option value="TT_PLATIN" {{ $result->base_product=='TT_PLATIN' ? 'selected' : '' }}>Platinum</option>
                                    <option value="TT_PALLADIUM" {{ $result->base_product=='TT_PALLADIUM' ? 'selected' : '' }}>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="{{$result->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="{{$result->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="{{$result->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="{{$result->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="{{$result->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="{{$result->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" >
                                <input type="hidden" name="old_img" id="main_img_hidden" value="{{ $result->image }}">
                                @if(!empty($result->image))
                                <div class="galleryImg" id="main_img">
                                    <img src="{{ url('uploads/business_product/'.$result->image) }}" width="100" class="rounded avatar-lg">
                                    <div class="galleryDesc"><a class="btn btn-danger btn-sm" onclick="document.getElementById('main_img').remove();document.getElementById('main_img_hidden').value='';">Delete</a></div>
                                </div>
                                @endif
                            </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" >
                                <input type="hidden" name="old_coin_image" id="old_coin_image" value="{{ $result->coin_image }}">
                                @if(!empty($result->coin_image))
                                <div class="galleryImg" id="coin_image">
                                    <img src="{{ url('uploads/business_product/'.$result->coin_image) }}" width="100" class="rounded avatar-lg">
                                    <div class="galleryDesc"><a class="btn btn-danger btn-sm" onclick="document.getElementById('coin_image').remove();document.getElementById('old_coin_image').value='';">Delete</a></div>
                                </div>
                                @endif
                            </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" >
                                <input type="hidden" name="old_video" id="main_video_hidden" value="{{ $result->video }}">
                                @if(!empty($result->video))
                                <div class="galleryImg" id="main_video">
                                <video width="150" height="120" controls>
                                    <source src="{{ url('uploads/business_product/'.$result->video) }}"  type="video/mp4">
                                </video>
                                    <div class="galleryDesc"><a class="btn btn-danger btn-sm" onclick="document.getElementById('main_video').remove();document.getElementById('main_video_hidden').value='';">Delete</a></div>
                                </div>
                                @endif
                            </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" >
                                <input type="hidden" name="old_video_thumbnail" id="old_video_thumbnail" value="{{ $result->video_thumbnail }}">
                                @if(!empty($result->video_thumbnail))
                                <div class="galleryImg" id="video_thumbnail">
                                    <img src="{{ url('uploads/business_product/'.$result->video_thumbnail) }}" width="100" class="rounded avatar-lg">
                                    <div class="galleryDesc"><a class="btn btn-danger btn-sm" onclick="document.getElementById('video_thumbnail').remove();document.getElementById('old_video_thumbnail').value='';">Delete</a></div>
                                </div>
                                @endif
                            </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">{{$result->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">{{$result->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">{{$result->description}}</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" {{ $result->display_home=='0' ? 'selected' : '' }}>No</option>
                                    <option value="1" {{ $result->display_home=='1' ? 'selected' : '' }}>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" {{ $result->display_in_best_selling_coins=='0' ? 'selected' : '' }}>No</option>
                                    <option value="1" {{ $result->display_in_best_selling_coins=='1' ? 'selected' : '' }}>Yes</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="number" name="seq_no" id="sequence_number" class="form-control" value="{{$result->seq_no}}" 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">Stock Available</label>
                            <div class="col-sm-10">
                                <select  class="form-control" name="stock_available">
                                    <option value="Available" {{ $result->stock_available=='Available' ? 'selected' : '' }}>Available</option>
                                    <option value="On request" {{ $result->stock_available=='On request' ? 'selected' : '' }}>On request</option>
                                </select>
                            </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">
                            @foreach ($gallery as $key)
                            <div class="galleryImg">
                                <img src="{{ url('uploads/business_product/'.$key->image) }}" class="rounded avatar-lg" >
                                <div class="galleryDesc"><a href="{{ url('business_product/destroy_gallery/'.$key->id.'/'.$result->id) }}" class="btn btn-danger btn-sm" onclick="return confirm('Are You Sure Want to Delete This')">Delete</a></div>
                            </div>
                            @endforeach
                            <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-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" {{ $result->status=='1' ? 'selected' : '' }}>Active</option>
                                    <option value="0" {{ $result->status=='0' ? 'selected' : '' }}>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