@extends('Admin.layouts.master')
@section('title', 'Product Commission')
@section('content')
    <div class="app-main flex-column flex-row-fluid" id="kt_app_main">
        <div class="d-flex flex-column flex-column-fluid">
            <div id="kt_app_content_container" class="app-container container-xxl">
                <div class="row max-w-100 index_table mt-10">
                    <div class="add_new_investors my-5 mb-0">
                        <div class="top_header d-flex justify-content-between">
                            <p class='fs-2 fw-bold'>Product Commission</p>
                            <div class="table_right_options d-flex">
                                <a class="btn me-3" href="{{ route('manage_commission') }}">Back</a>
                            </div>
                        </div>
                        <div class="card mb-8">
                            <div class="card-body py-4">
                                <div class="row add_category_area">
                                    <div class="col-md-6">
                                        <label class="fs-6 fw-semibold form-label mt-3">
                                            <span class="">Product Name</span>
                                        </label>
                                        <input type="text" class="form-control form-control-solid"
                                            value="{{ $product_name }}" readonly>
                                    </div>
                                    <div class="col-md-6">
                                        <label class="fs-6 fw-semibold form-label mt-3">
                                            <span class="">Category</span>
                                        </label>
                                        <input type="text" class="form-control form-control-solid"
                                            value="{{ $product->category->category_name }}" readonly>
                                    </div>
                                    <div class="col-md-6">
                                        <label class="fs-6 fw-semibold form-label mt-3">
                                            <span class="">Commission Type</span>
                                        </label>
                                        <input type="text" class="form-control form-control-solid"
                                            value="{{ $product->commission_type }}" readonly>
                                    </div>
                                    <div class="col-md-6">
                                        <label class="fs-6 fw-semibold form-label mt-3">
                                            <span class="">Profit Sharing</span>
                                        </label>
                                        <input type="text" class="form-control form-control-solid"
                                            value="{{ $product->profit_sharing }}" readonly>
                                    </div>
                                    @if($product->commission_type == 'One-Time Commission' || $product->commission_type == 'Hybrid Structure' || $product->commission_type == null)
                                    <div class="col-md-6">
                                        <label class="fs-6 fw-semibold form-label mt-3">
                                            <span class="">Upfront Rate</span>
                                        </label>
                                        <input type="text" class="form-control form-control-solid"
                                            value="{{ $product->upfront_rate }}" readonly>
                                    </div>
                                    @endif
                                    @if($product->commission_type == 'Hybrid Structure' || $product->commission_type == 'Trail Commission' || $product->commission_type == null)
                                    <div class="col-md-6">
                                        <label class="fs-6 fw-semibold form-label mt-3">
                                            <span class="">Trail Rate</span>
                                        </label>
                                        <input type="text" class="form-control form-control-solid"
                                            value="{{ $product->trail_rate }}" readonly>
                                    </div>
                                    @endif
                                    <div class="col-md-6">
                                        <label class="fs-6 fw-semibold form-label mt-3">
                                            <span class="">GST</span>
                                        </label>
                                        <input type="text" class="form-control form-control-solid"
                                            value="{{ $product->gst }}" readonly>
                                    </div>
                                    <div class="col-md-6">
                                        <label class="fs-6 fw-semibold form-label mt-3">
                                            <span class="">TDS</span>
                                        </label>
                                        <input type="text" class="form-control form-control-solid"
                                            value="{{ $product->tds }}" readonly>
                                    </div>
                                    @if($product->commission_type == 'Trail Commission' || $product->commission_type == 'Hybrid Structure' || $product->commission_type == null)
                                    <div class="col-md-6">
                                        <label class="fs-6 fw-semibold form-label mt-3">
                                            <span class="">End Of Trail</span>
                                        </label>
                                        <input type="text" class="form-control form-control-solid"
                                            value="{{ $product->end_of_trail }}" readonly>
                                    </div>
                                    @endif
                                    <div class="col-md-6">
                                        <label class="fs-6 fw-semibold form-label mt-3">
                                            <span class="">Channel Partner Agreement</span>
                                        </label>
                                        <div>
                                            <a href="{{ asset('public/uploads/product/channel_partner_agreement/' . $product->channel_partner_aggrement) }}"
                                                class="btn btn-primary" download>
                                                {{ $product->channel_partner_aggrement }} <i class="fas fa-download"></i>
                                            </a>
                                        </div>
                                    </div>
                                    
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection
@section('scripts')
    <script>
        $("#blog_add_date").flatpickr();
        $(document).ready(function() {
            // $('#save_btn').on("click", function (e) {
            // alert();
            $('#add_blog').validate({
                ignore: [],
                debug: false,
                rules: {
                    // title: 'required',
                    // tag_id: 'required',
                    // description: 'required',
                    // blog_image: 'required'
                },
                messages: {
                    blog_title: 'Enter blog title',
                    tag_id: 'Select tag name',
                    blog_description: 'Enter blog description',
                    blog_image: 'Upload a image'
                },
                submitHandler: function(form) {
                    var formData = new FormData(form);
                    //$('#save_btn').text('Please wait...');
                    // $('#save_btn').attr('disabled', true);

                    $.ajaxSetup({
                        headers: {
                            'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                        }
                    });
                    $.ajax({
                        url: '{{ route('store_blog') }}',
                        type: 'POST',
                        data: formData,
                        processData: false,
                        contentType: false,
                        dataType: 'json',
                        success: function(data) {
                            toastr.options = {
                                "progressBar": true,
                                "closeButton": true,
                            }
                            if (data.status == 200) {
                                toastr.success(data.message);
                                window.location.href = '{{ route('manage_blog') }}';
                            }
                        },
                        error: function(jqXHR) {
                            $("#request_callback_btn").removeClass("d-none");
                            $("#loaderContactBtn").addClass("d-none");
                            warning(jqXHR.responseJSON);
                        },
                    });
                }
            });
        });
        // });
    </script>
@endsection