@extends('admin.layouts.app')

@section('title', 'Product Settings')

@section('content')
<!-- TOPBAR -->
<div class="top_bar page-content" style="min-height:534px">
    <!-- LOADER -->
    <div class="loader">
        <div class="top_status_bar load">
            <div class="progress_bar bar" style="left: 0px;">
            </div>
        </div>
    </div>
    <!-- END LOADER -->
    <!-- BREADCRUMBS -->
    <div class="breadcrumbs">
        <ul>
            <li><a href="{{ route('admin.dashboard') }}">Home</a></li>
            <li><a href="{{ route('admin.settings.index') }}" class="">Settings</a></li>
            <li><a href="#" class="breadcrumb_link" onclick="return false">Product Settingss</a></li>
        </ul>
        <button class="btn btn-large pull-right help theme_btn help_btn">?</button>
    </div>
    <!-- END BREADCRUMBS -->
</div>
<!-- END TOPBAR -->

<div class="page-content">
    <div class="row">
        <div class="col-md-12">

            {{--SETIINGS WRAP--}}
            <div class="portlet setting_landing">
                <div class="portlet-title" style="border-bottom: 0">
                    <div class="caption">
                        <h2>
                            Product Settings
                            <span>Setup categories,suppliers and Purchase Vat for products</span>
                        </h2>
                    </div>

                    <div class="actions btn-set" style="background: #fff;  position: fixed;right: 17px;z-index: 1;">
                    </div>
                </div>

                <hr>

                <div class="portlet-body">

                    <div class="settings">

                        {{--CUSTOMER START CATEGORY--}}
                        <div class="row">
                            <div class="col-md-12">
                                <div class="col-md-4">
                                    <span class="main_title">Product Categories</span>
                                </div>
                            </div>
                        </div>

                        <div class="row each_row">
                            <div class="col-md-12">

                                <div class="col-md-3">
                                    <span class="sub_heading"></span>
                                    <span class="sub_heading">Define Product categories here for managing your Products
                                        with the proper privileges.</span>
                                </div>

                                <div class="col-md-1"></div>

                                <div class="col-md-7">
                                    <div class="row">

                                        <div class="portlet-body">
                                            <div class="products box">

                                                <div class="header_tbl">
                                                    <div class="row">
                                                        <div class="col-md-12">

                                                            <div class="col-md-6 row_header">
                                                                Category *
                                                            </div>
                                                            <div
                                                                class="col-md-5 row_header b4_del_header desc_category_field">
                                                                Description
                                                            </div>

                                                            <div class="del_header"></div>
                                                        </div>
                                                    </div>
                                                </div>

                                                <div class="row_wrap">
                                                    <form id="product_category"
                                                        action="{{ route('admin.settings.product-settings.store') }}">
                                                        @if($data['productcategory'] != '')

                                                        @foreach ($data['productcategory'] as $key => $prdcat )

                                                        <div class="row_inner_wrap">
                                                            <div class="row">
                                                                <div class="col-md-12">

                                                                    <div class="col-md-6 inner_row account_read">
                                                                        <input type="text" name=""
                                                                            placeholder="Product Category"
                                                                            value="{{ $prdcat['title']}}"
                                                                            class="form-control product_cat " readonly>
                                                                        <i data-uuid="{{ $prdcat['product_category_uuid'] }}"
                                                                            class="fa fa-check edit_category edit_field "></i>
                                                                    </div>

                                                                    <div class="col-md-5 inner_row b4_del_header desc_read desc_category_field"
                                                                        tabindex="-1">
                                                                        <input type="text" name=""
                                                                            placeholder="Description"
                                                                            value="{{ $prdcat['description']}}"
                                                                            class="form-control desc_category" readonly>
                                                                        <i data-uuid="{{ $prdcat['product_category_uuid'] }}"
                                                                            class="fa fa-check edit_desc edit_field "></i>
                                                                    </div>

                                                                    <div class="del_icon">
                                                                        <i class="fa fa-trash-o del " aria-hidden="true"
                                                                            data-uuid="{{ $prdcat['product_category_uuid'] }}"
                                                                            style="visibility: visible"></i>
                                                                    </div>

                                                                    <div class="add_icon" style="display: none;">
                                                                        <i class="fa fa-plus add_row acc_cat"></i>
                                                                    </div>

                                                                    <div class="edit_icon" style="display: none;">
                                                                        <i class="fa fa-check edit_row"
                                                                            data-uuid="{{ $prdcat['product_category_uuid'] }}"></i>
                                                                    </div>

                                                                </div>
                                                            </div>
                                                        </div>

                                                        @endforeach
                                                        @endif

                                                        <div class="row_inner_wrap">
                                                            <div class="row">
                                                                <div class="col-md-12">
                                                                    <div class="col-md-6 inner_row">
                                                                        <input type="text" name=""
                                                                            placeholder="Product Category" value=""
                                                                            class="form-control product_cat">
                                                                        <i
                                                                            class="fa fa-check edit_category edit_field"></i>
                                                                    </div>

                                                                    <div
                                                                        class="col-md-5 inner_row b4_del_header desc_category_field">
                                                                        <input type="text" name=""
                                                                            placeholder="Description" value=""
                                                                            class="form-control desc_category">
                                                                        <i class="fa fa-check edit_desc edit_field"></i>
                                                                    </div>

                                                                    <div class="del_icon">
                                                                        <i class="fa fa-trash-o del" aria-hidden="true"
                                                                            style=""></i>
                                                                    </div>

                                                                    <div class="add_icon" style="">
                                                                        <i class="fa fa-plus add_row acc_cat"></i>
                                                                    </div>

                                                                    <div class="edit_icon" style="display: none;">
                                                                        <i class="fa fa-check edit_row"></i>
                                                                    </div>

                                                                </div>
                                                            </div>
                                                        </div>
                                                    </form>

                                                </div>
                                            </div>

                                        </div>
                                    </div>
                                </div>
                            </div>

                        </div>
                        {{--CUSTOMER END CATEGORY--}}



                        {{--PURCHASE VAT--}}

                        {{--PURCHASE VAT END--}}

                        {{--PRODUCT COSTS--}}
                        <div class="row">
                            <div class="col-md-12">
                                <div class="col-md-4">
                                    <span class="main_title">Product Cost</span>
                                </div>
                            </div>
                        </div>

                        <div class="row each_row">
                            <div class="col-md-12">

                                <div class="col-md-3">
                                    <span class="sub_heading"></span>
                                    <span class="sub_heading">Define Product cost here for managing your Products
                                        with the proper privileges.</span>
                                </div>

                                <div class="col-md-1"></div>

                                <div class="col-md-7">
                                    <div class="row">

                                        <div class="portlet-body">
                                            <div class="products box product_unit">

                                                <div class="header_tbl">
                                                    <div class="row">
                                                        <div class="col-md-12">
                                                            <div class="col-md-4 row_header">
                                                                Unit*
                                                            </div>
                                                            <div class="col-md-4 row_header">
                                                                Unit Cost*
                                                            </div>
                                                            <div class="col-md-3 row_header">
                                                                Unit Price*
                                                            </div>

                                                            <div class=""></div>
                                                        </div>
                                                    </div>
                                                </div>

                                                <div class="row_wrap">
                                                    @if($data['units'] != '')

                                                    @foreach ($data['units'] as $key => $unit )
                                                    <form id="unit_form_{{ $unit['id'] }}"
                                                        action="{{ route('admin.settings.product-settings.update',$unit['unit_uuid']) }}">

                                                        <div class="row_inner_wrap">
                                                            <div class="row">
                                                                <div class="col-md-12">

                                                                    <div class="col-md-4 inner_row account_read">
                                                                        <input type="text" name="unit"
                                                                            placeholder="Name"
                                                                            value="{{ $unit['unit']}}"
                                                                            class="form-control validate unit "
                                                                            readonly>
                                                                        {{-- <i data-uuid="{{ $prdvat['purchase_vat_uuid'] }}"
                                                                        class="fa fa-check edit_name edit_field "></i>
                                                                        --}}
                                                                    </div>

                                                                    <div class="col-md-4 inner_row account_read">
                                                                        <input type="number" name="unit_cost"
                                                                            maxlength="2" placeholder="VAT %"
                                                                            value="{{ $unit['unit_cost']}}"
                                                                            class="form-control validate unit "
                                                                            readonly>
                                                                        {{-- <i data-uuid="{{ $prdvat['purchase_vat_uuid'] }}"
                                                                        class="fa fa-check edit_field edit_vat"></i>
                                                                        --}}
                                                                    </div>

                                                                    <div class="col-md-3 inner_row desc_read"
                                                                        tabindex="-1">
                                                                        <input type="text" name="unit_price"
                                                                            placeholder="Unit Price"
                                                                            value="{{ $unit['unit_price']}}"
                                                                            class="form-control validate unit" readonly>
                                                                        {{-- <i  data-uuid="{{ $prdvat['purchase_vat_uuid'] }}"
                                                                        class="fa fa-check edit_desc edit_field "></i>
                                                                        --}}
                                                                    </div>

                                                                    <div class="del_icon del_unit">
                                                                        <i class="fa fa-trash-o del " aria-hidden="true"
                                                                            data-uuid="{{ $unit['unit_uuid'] }}"
                                                                            purchase="purchase_vat"
                                                                            style="visibility: visible"></i>
                                                                    </div>

                                                                    <div class="add_icon" style="display: none;">
                                                                        <i class="fa fa-plus add_row acc_vat"></i>
                                                                    </div>

                                                                    <div class="edit_icon edit_unit"
                                                                        style="display: none;">
                                                                        <i class="fa fa-check edit_row"
                                                                            data-uuid="{{ $unit['unit_uuid'] }}"
                                                                            data-key="{{ $unit['id'] }}"></i>
                                                                    </div>

                                                                </div>
                                                            </div>
                                                        </div>

                                                    </form>
                                                    @endforeach

                                                    @endif
                                                    <div class="row_inner_wrap">
                                                        <div class="row">
                                                            <form id="unit_form"
                                                                action="{{ route('admin.settings.product-settings.store') }}">
                                                                <div class="col-md-12">
                                                                    <div class="col-md-4 inner_row account_read">
                                                                        <input type="text" name="unit"
                                                                            placeholder="Unit" value=""
                                                                            class="form-control validate unit">
                                                                        <i
                                                                            class="fa fa-check edit_category edit_field "></i>
                                                                    </div>

                                                                    <div class="col-md-4 inner_row account_read">
                                                                        <input type="number" name="unit_cost"
                                                                            maxlength="" placeholder="Unit Cost"
                                                                            value="" class="form-control validate unit">
                                                                        <i class="fa fa-check edit_field edit_vat"></i>
                                                                    </div>

                                                                    <div class="col-md-3 inner_row account_read">
                                                                        <input type="text" name="unit_price"
                                                                            placeholder="Unit Price" value=""
                                                                            class="form-control validate unit">
                                                                        <i class="fa fa-check edit_desc edit_field"></i>
                                                                    </div>

                                                                    <div class="del_icon">
                                                                        <i class="fa fa-trash-o del" aria-hidden="true"
                                                                            style=""></i>
                                                                    </div>

                                                                    <div class="add_icon" style="" id="unit">
                                                                        <i class="fa fa-plus add_row acc_vat"></i>
                                                                    </div>

                                                                    <div class="edit_icon edit_unit"
                                                                        style="display: none;">
                                                                        <i class="fa fa-check edit_row"></i>
                                                                    </div>

                                                                </div>
                                                            </form>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>

                                        </div>
                                    </div>
                                </div>
                            </div>

                        </div>
                        {{--PRODUCT COST END--}}
                        {{--PRODUCT TAGS--}}

                        {{--PRODUCT TAGS END--}}
                        {{--ACTION ROW--}}

                    </div>

                </div>
            </div>
            {{--SETIINGS WRAP--}}
            <!-- //SWEET_ALERT START// -->
            <div id="sweetalert_wrap" class="sweet_alert_wrap">
                <!-- Sweet alert -->
                <div class="sweet-alert showSweetAlert" data-custom-class="" data-has-cancel-button="true"
                    data-has-confirm-button="true" data-allow-outside-click="false" data-has-done-function="true"
                    data-animation="pop" data-timer="null">
                    <div class="sa-icon sa-warning pulseWarning" style="display: block;">
                        <span class="sa-body pulseWarningIns"></span>
                        <span class="sa-dot pulseWarningIns"></span>
                    </div>
                    <h2>Are You Sure?</h2>
                    <p>Your recently changed data in this model will be lost.</p>
                    <div class="sa-button-container">
                        <button class="cancel" tabindex="2">Cancel</button>
                        <div class="sa-confirm-button-container">
                            <button class="confirm" tabindex="1">Confirm</button>
                        </div>
                    </div>
                </div>
            </div>
            <!-- //SWEET_ALERT END// -->
        </div>
    </div>

</div>
@stop
@section('styles')

<link rel=" stylesheet" type="text/css" href="{{ asset('css/settings.css') }}" />
<style>
    .desc_vat_field,
    .desc_category_field,
    .desc_tag_field {
        width: 46%;
    }

    /* .tel_field
{
    width: 21%;
} */

    .del_icon {
        max-width: 30px;
    }

    .suppliers .tel_field {
        width: 13%;
    }

    .account_selectBox .col-md-12 {
        padding-left: 0;
        padding-right: 0;
    }

    .account_selectBox i.edit_s_title {
        position: absolute;
        top: 7px;
        right: 34px;
    }

    .select2-selection__clear {
        display: none !important;
    }

</style>
@stop


@section('admin_js')
@include('admin.settings.product-settings.js.index')
@stop