@extends('layouts.app')
@section('title') {{ config('app.name', 'Laravel') }} | {{ __('common.products') }} @endsection
@section('heading') {{ __('common.products') }} @endsection
@section('heading-icon')<i class="nav-icon material-icons">admin_panel_settings</i>@endsection
{{--@section('page-breadcrumbs'){{ Breadcrumbs::render($options['route_name']  ?? '') }}@endsection--}}
@section('content')
    <style>
        .label{
            display: inline-block;
            color: white;
            padding: 0.5rem;
            font-family: sans-serif;
            border-radius: 0.3rem;
            cursor: pointer;
            margin-top: 1rem;
            background: {{config('custom.btn-back')}};
            background: {{config('custom.btn-back')}};
            border: 0;
            -webkit-transition: opacity 0.3s ease;
            transition: opacity 0.3s ease;
        }
        .invalid-feedback{
            display: block;
        }
        label{
            font-family: 'Nunito', sans-serif;
            font-weight: bold;
            font-size: 15px;
        }
        .checkbox{font-weight: 700; font-family: sans-serif; display: flex; align-items: center; cursor: pointer;}
        .vh {position: absolute !important; clip: rect(1px, 1px, 1px, 1px); padding: 0 !important; border: 0 !important; height: 1px !important; width: 1px !important; overflow: hidden;}
        .checkbox:before {content: ''; width: 20px; height: 20px; background: #f2f2f2; border: 1px solid rgba(75, 101, 132, 0.3); display: inline-block; margin-right: 16px;}
        input[type="checkbox"]:checked ~ label:before {background: #20bf6b no-repeat center; background-size: 12px 12px; background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTYuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjE2cHgiIGhlaWdodD0iMTZweCIgdmlld0JveD0iMCAwIDQ1LjcwMSA0NS43IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA0NS43MDEgNDUuNzsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8Zz4KCTxnPgoJCTxwYXRoIGQ9Ik0yMC42ODcsMzguMzMyYy0yLjA3MiwyLjA3Mi01LjQzNCwyLjA3Mi03LjUwNSwwTDEuNTU0LDI2LjcwNGMtMi4wNzItMi4wNzEtMi4wNzItNS40MzMsMC03LjUwNCAgICBjMi4wNzEtMi4wNzIsNS40MzMtMi4wNzIsNy41MDUsMGw2LjkyOCw2LjkyN2MwLjUyMywwLjUyMiwxLjM3MiwwLjUyMiwxLjg5NiwwTDM2LjY0Miw3LjM2OGMyLjA3MS0yLjA3Miw1LjQzMy0yLjA3Miw3LjUwNSwwICAgIGMwLjk5NSwwLjk5NSwxLjU1NCwyLjM0NSwxLjU1NCwzLjc1MmMwLDEuNDA3LTAuNTU5LDIuNzU3LTEuNTU0LDMuNzUyTDIwLjY4NywzOC4zMzJ6IiBmaWxsPSIjRkZGRkZGIi8+Cgk8L2c+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPC9zdmc+Cg==);}
        input[type="checkbox"]:focus ~ label {color: #20bf6b;}
    </style>

    <div class="card card-secondary">
        <div class="card-header" style="background-color: {{config('custom.background')}}">
            <h3 class="card-title p-2">
                @if(optional($form)->id)
                    {{ __('common.show') }} - {{ optional($form)->product_name }}
                @else
                    {{ __('common.create') }}
                @endif
            </h3>
            <a
                href="{{ route('vendor.product.index') }}"
                class="btn float-right" style="background-color: {{config('custom.btn-back')}}">
                <i class="material-icons">reply_all</i>&nbsp;
                {{ __('common.go_back') }}
            </a>
        </div>
        <div class="card-body">
            <div class="row">
                <div class="col-12">
                     <div class="card">
                        <div class="card-header">
                            <div class="row">
                                <div class="col-md-8">
                                    <h3 class="card-title">
                                        {{ __('common.product_information') }}
                                    </h3>
                                </div>
{{--                                <div class="col-md-4">--}}
{{--                                    <input type="checkbox" id="1" @if($form->is_featured??''==='Yes') checked @endif class="vh" name="is_featured" value="Y">--}}
{{--                                    <label class="checkbox" for="1" >{{__('common.featured_product')}}</label>--}}
{{--                                </div>--}}
                            </div>

                        </div>
                        <div class="card-body">
                            <div class="row">
                                <div class="col-md-6 col-sm-12">
                                    <div class="form-group input-group-sm ">
                                        <label class="mb-0 font-weight-normal"
                                               for="name">{{__('auth.register.labels.name')}}</label>
                                        <input
                                            type="text"
                                            id="name"
                                            name="product_name"
                                            class="form-control @error('product_name') is-invalid @enderror"
                                            placeholder="{{ __('auth.register.labels.name') }}"
                                            value="{{ old('product_name', $form->product_name??"") }}"
                                            maxlength="191"
                                            readonly
                                        >
                                     </div>
                                </div>
                                <div class="col-md-6 col-sm-12">
                                    <div class="form-group input-group-sm ">
                                        <label class="mb-0 font-weight-normal"
                                               for="name">{{__('common.vendor_name')}}</label>
                                        <input
                                            type="text"
                                            id="name"
                                             class="form-control @error('product_name') is-invalid @enderror"
                                             value="{{ old('product_name', $form->vendor->name??"") }}"
                                            maxlength="191"
                                            readonly
                                        >
                                    </div>
                                </div>
                                <div class="col-md-6 col-sm-12">
                                    <div class="form-group input-group-sm ">
                                        <label class="mb-0"
                                               for="product_type">{{__('common.product_type')}}</label>
                                        <input
                                            type="text"
                                            id="name"
                                            name="product_name"
                                            class="form-control @error('type') is-invalid @enderror"
                                            value="{{ old('type', $form->type??"") }}"
                                            maxlength="191"
                                            readonly
                                        >
                                    </div>
                                </div>

                                <div class="col-md-6 col-sm-12">
                                    <div class="form-group input-group-sm ">
                                        <label class="mb-0"
                                               for="stock">{{__('common.stock')}}</label>
                                        <input
                                            type="text"
                                            id="name"
                                            name="product_name"
                                            class="form-control @error('stock') is-invalid @enderror"
                                            value="{{ old('type', $form->stock??"") }}"
                                            maxlength="191"
                                            readonly
                                        >
                                    </div>
                                </div>

                                <div class="col-md-6 col-sm-12">
                                    <div class="form-group input-group-sm ">
                                        <label class="mb-0"
                                               for="status">{{__('common.status')}}</label>
                                        <input
                                            type="text"
                                            id="name"
                                            name="product_name"
                                            class="form-control @error('type') is-invalid @enderror"
                                            value="{{ old('status', $form->status??"") }}"
                                            maxlength="191"
                                            readonly
                                        >
                                    </div>
                                </div>

                                <div class="col-md-6 col-sm-12">
                                    <div class="form-group input-group-sm ">
                                        <label class="mb-0 font-weight-normal"
                                               for="parent_cat_id">{{__('common.category')}}</label>
                                        <input
                                            type="text"
                                            id="name"
                                            name="product_name"
                                            class="form-control @error('type') is-invalid @enderror"
                                            value="{{ $form->parentCategory->name??""}}"
                                            maxlength="191"
                                            readonly
                                        >
                                    </div>
                                </div>
                                @if(isset($form->sub1Category->name))
                                <div class="col-md-6 col-sm-12" id="display-sub">
                                    <div class="form-group input-group-sm ">
                                        <label class="mb-0 font-weight-normal"
                                               for="sub1_cat">{{__('common.sub_category')}}</label>
                                        <input
                                            type="text"
                                            id="name"
                                            name="product_name"
                                            class="form-control @error('type') is-invalid @enderror"
                                            value="{{ $form->sub1Category->name??""}}"
                                            maxlength="191"
                                            readonly
                                        >
                                    </div>
                                </div>
                                @endif
                                @if(isset($form->sub2Category->name))
                                <div class="col-md-6 col-sm-12" id="display-sub1">
                                    <div class="form-group input-group-sm ">
                                        <label class="mb-0 font-weight-normal"
                                               for="sub2_cat_id">{{__('common.sub_category2')}}</label>
                                        <input
                                            type="text"
                                            id="name"
                                            name="product_name"
                                            class="form-control @error('type') is-invalid @enderror"
                                            value="{{ $form->sub2Category->name??""}}"
                                            maxlength="191"
                                            readonly
                                        >
                                    </div>
                                </div>
                                @endif
                               @if(isset($form->sub3Category->name))
                                <div class="col-md-6 col-sm-12" id="display-sub2">
                                    <div class="form-group input-group-sm ">
                                        <label class="mb-0 font-weight-normal"
                                               for="sub3_cat_id">{{__('common.sub_category3')}}</label>
                                        <input
                                            type="text"
                                            id="name"
                                            name="product_name"
                                            class="form-control @error('type') is-invalid @enderror"
                                            value="{{ $form->sub3Category->name??""}}"
                                            maxlength="191"
                                            readonly
                                        >
                                    </div>
                                </div>
                              @endif

                                <div class="col-md-6 col-sm-12">
                                    <div class="form-group input-group-sm ">
                                        <label class="mb-0 font-weight-normal"
                                               for="name">{{__('common.sort_description')}}</label>
                                        <input
                                            type="text"
                                            id="short_desc"
                                            name="short_desc"
                                            class="form-control @error('short_desc') is-invalid @enderror"
                                            placeholder="{{ __('common.sort_description') }}"
                                            value="{{ old('short_desc', $form->short_desc??"") }}"
                                            maxlength="191"
                                            readonly
                                        >
                                    </div>
                                </div>

                                <div class="col-md-6 col-sm-12">
                                    <div class="form-group input-group-sm ">
                                        <label class="mb-0 font-weight-normal"
                                               for="price">{{__('common.product_price')}}</label>
                                        <input
                                            type="text"
                                            id="price"
                                            name="price"
                                            class="form-control @error('price') is-invalid @enderror"
                                            placeholder="{{ __('common.product_price') }}"
                                            value="{{ old('price', $form->price??"") }}"
                                            maxlength="191"
                                            readonly
                                        >
                                     </div>
                                </div>

                                <div class="col-md-6 col-sm-12">
                                    <div class="form-group input-group-sm ">
                                        <label class="mb-0 font-weight-normal"
                                               for="price">{{__('common.product_offer_price')}}</label>
                                        <input
                                            type="text"
                                            id="offer_price"
                                            name="offer_price"
                                            class="form-control @error('offer_price') is-invalid @enderror"
                                            placeholder="{{ __('common.offer_price') }}"
                                            value="{{ old('offer_price', $form->offer_price??"") }}"
                                            maxlength="191"
                                            readonly
                                        >
                                     </div>
                                </div>

                                <div class="col-md-6 col-sm-12">
                                    <div class="form-group input-group-sm ">
                                        <label class="mb-0 font-weight-normal"
                                               for="price">{{__('common.stock')}}</label>
                                        <input
                                            type="text"
                                            id="offer_price"
                                            name="offer_price"
                                            class="form-control @error('offer_price') is-invalid @enderror"
                                            placeholder="{{ __('common.stock') }}"
                                            value="{{ old('offer_price', $form->qty??"") }}"
                                            maxlength="191"
                                            readonly
                                        >
                                     </div>
                                </div>

                                <div class="col-md-6 col-sm-12">
                                    <div class="form-group input-group-sm ">
                                        <label class="mb-0 font-weight-normal"
                                               for="price">{{__('common.featured_product')}}</label>
                                        <input
                                            type="text"
                                            id="is_featured"
                                            name="is_featured"
                                            class="form-control @error('is_featured') is-invalid @enderror"
                                            placeholder="{{ __('common.stock') }}"
                                            value="{{ old('is_featured', $form->is_featured??"") }}"
                                            maxlength="191"
                                            readonly
                                        >
                                     </div>
                                </div>

                                <div class="col-md-6 col-sm-12">
                                    <div class="form-group input-group-sm ">
                                        <label class="mb-0 font-weight-normal"
                                               for="price">{{__('common.top_product')}}</label>
                                        <input
                                            type="text"
                                            id="is_featured"
                                            name="is_featured"
                                            class="form-control @error('is_top') is-invalid @enderror"
                                            placeholder="{{ __('common.top_product') }}"
                                            value="{{ old('is_top', $form->is_featured??"") }}"
                                            maxlength="191"
                                            readonly
                                        >
                                     </div>
                                </div>

                                <div class="col-md-6 col-sm-12">
                                    <div class="form-group input-group-sm ">
                                        <label class="mb-0 font-weight-normal"
                                               for="price">{{__('common.trending_product')}}</label>
                                        <input
                                            type="text"
                                            id="is_trending"
                                            name="is_trending"
                                            class="form-control @error('is_trending') is-invalid @enderror"
                                            placeholder="{{ __('common.trending_product') }}"
                                            value="{{ old('is_trending', $form->is_trending??"") }}"
                                            maxlength="191"
                                            readonly
                                        >
                                     </div>
                                </div>

                                @if(!@empty($productoption))
                           @php $i = 0;  @endphp
                            @foreach ($productoption as $data)
                            @php $i++ @endphp
                        <div class="col-lg-12" id="product_attr_box">
                            @php $loop_count_num=1; @endphp {{-- @foreach ($productAttrArr as $key => $val) --}} {{-- @php $loop_count_prev=$loop_count_num; $pAArr=(array)$val; @endphp --}}

                            <div  id="product_attr_{{ $loop_count_num++ }}">
                                <input type="hidden" value="{{$data->id}}" name="options[{{$i}}][id]" />
                                    <div class="form-group">
                                        <div class="row">
                                            <div class="col-md-3">
                                                <label for="size_id" class="control-label mb-1">
                                                    Options</label>
                                                <select id="size_id" name="options[{{$i}}][attributes_id]"
                                                    class="form-control" readonly>
                                                    <option selected value="{{ $data->attributes_id }}">{{ $data->attributes }}</option>
                                                    @foreach ($options['optionsitem'] as $key => $code)
                                                        <option value="{{ $code->id }}"
                                                            {{ old('attributes', $form->attributes ?? '') === $code->id ? 'selected' : '' }}>
                                                            {{ $code->attributes }}</option>
                                                    @endforeach

                                                </select>
                                            </div>
                                            <div class="col-md-3">
                                                <label for="size_id" class="control-label mb-1">
                                                    Values</label>
                                                <select id="size_name" name="options[{{$i}}][values]"
                                                    class="form-control" readonly>
                                                    <option selected value="{{ $data->values }}">{{ $data->values }}</option>
                                                    @foreach ($options['optionstype'] as $key => $code)
                                                        <option value="{{ $code->values }}"
                                                            {{ old('values', $form->values ?? '') === $code->attributes_id ? 'selected' : '' }}>
                                                            {{ $code->values }}</option>
                                                    @endforeach

                                                </select>
                                            </div>
                                            <div class="col-md-2">
                                                <label for="mrp" class="control-label mb-1">Price</label>
                                                <input id="mrp" name="options[{{$i}}][price]" type="text"
                                                    class="form-control" aria-required="true"
                                                    aria-invalid="false" value="{{ $data->price }}" readonly/>
                                            </div>
                                            <div class="col-md-2">
                                                <label for="price" class="control-label mb-1">Offer Price</label>
                                                <input id="price" name="options[{{$i}}][offer_price]" type="text"
                                                    class="form-control" aria-required="true"
                                                    aria-invalid="false" value="{{ $data->offer_price }}" readonly/>
                                            </div>

                                            <div class="col-md-2">
                                                <label for="attr_image" class="control-label mb-1">
                                                    &nbsp;&nbsp;&nbsp;</label>

                                                {{-- @if ($loop_count_num == 2) --}}
                                                    {{-- <button type="button" class="btn btn-success" style="margin-top:25px" --}}
                                                        {{-- onclick="add_more()"><i class="fa fa-plus"></i>&nbsp; --}}
                                                        {{-- Add</button> --}}
                                                {{-- @else --}}
                                                    {{-- <a href="{{ url('admin/product/product_attr_delete/') }}"> --}}
                                                        {{-- <button type="button"  class="btn btn-gradient-success font-color-white mr-3"><i --}}
                                                                {{-- class="fa fa-minus"></i>&nbsp; Remove</button> --}}
                                                    {{-- </a> --}}
                                                {{-- @endif --}}
                                            </div>
                                        </div>
                                    </div>

                            </div>
                            {{-- @endforeach --}}
                    </div>
                        @endforeach
                        @endempty

                                <div class="col-md-12 col-sm-12">
                                    <div class="form-group input-group-sm "><label><strong>{{__('common.long')}} :</strong></label>
                                      {!! $form->long_desc??'' !!}
                                    </div>
                                </div>

                                <div class="col-md-4 col-sm-12">
                                    <div class="form-group input-group-sm ">
                                        <img id="view_image" style="margin-top:30px"  class="card-secondary" src="{{url($form->cover_image??'')}}" height="200px" width="300"  />
                                    </div>
                                </div>
                                @if($form->cover_video)
                                <div class="col-md-4 col-sm-12">
                                    <div class="form-group input-group-sm ">
                                        <iframe style="margin-top:30px" src="{{url($form->cover_video??'')}}" width="100%" height="200px"></iframe>
                                    </div>
                                </div>
                                @endif
                                @if($form->catalog)
                                <div class="col-md-4 col-sm-12">
                                    <div class="form-group input-group-sm" style="margin-top: 31px">
                                        <a href="{{url($form->catalog)}}" style="margin-left:10px;height:190px" target="_blank" class="btn btn-block btn-danger">
                                            <span class="material-icons" style="font-size: 120px">
                                                picture_as_pdf
                                            </span>
                                        </a>
                                    </div>
                                </div>
                               @endif
                              </div>
                             @isset($form)
                                <div class="card">
                                    <div class="card-header">
                                        <h3 class="card-title">
                                            {{ __('common.product_images') }}
                                        </h3>
                                    </div>
                                    <div class="card-body">
                                        <div class="row">
                                            @foreach($form->productImages as $image)
                                                <div class="col-md-3 col-sm-12" style="margin-top: 40px">
                                                    <img src="{{url($image->image)}}" width="120" height="100" class="card-secondary">
                                                </div>
                                            @endforeach
                                        </div>
                                    </div>
                                </div>
                        </div>
                        @endisset
                    </div>
                </div>
            </div>
        </div>
    </div>
     </div>
@endsection
@push('head.start')
@endpush
@push('body.end')
@endpush