@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>
                                @php
                                    $commission = App\Helpers\Helper::getConfig('COMMISSION');
                                    if (isset($form->offer_price)) {
                                        $total = 100 + (int) $commission;
                                        $netprice = ($form->offer_price / $total) * 100;
                                    }

                                @endphp
                                <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', $netprice ?? '') }}" 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