@extends('layouts.dashboard.app')
@section('title', 'Business Documents & Certificate | Chemical Wholesale')
@section('content')
    <div class="cw-content">
        <div class="container-fluid">
            <div class="cw-content-inner">
                <div class="cw-content-body">
                    <div class="cw-block-head cw-block-head-sm">
                        <div class="cw-block-between d-flex justify-content-between align-items-center">
                            <div class="cw-block-head-content">
                                <h3 class="cw-block-title page-title pb-4">Upload Your Documents</h3>
                            </div>
                            <div>
                                <a href="javascript:void(0)" class="business-review-btn {{ (@$detail->verified == 1) ? 'yellow': ((@$detail->verified == 2) ? 'green': 'grey')}}" data-id="{{ @$detail->uuid }}" data-approve="{{ @$detail->verified }}">
                                    <i class="bi bi-eye me-1" data-bs-toggle="tooltip"
                                    data-bs-title="Once you've completed your business information, submit it for review. Once approved, your listing will be live on our platform."></i>
                                     <span class="business-status">
                                        {{ (@$detail->verified == 1) ? 'Pending Review': ((@$detail->verified == 2) ? 'Approved': 'Submit for Review')}}
                                    </span>
                                </a>
                            </div>
                        </div>
                    </div>
                    <div class="mb-5 pb-5">
                        @include('layouts.dashboard.flash')
                        <form action="{{ route('admin.business.docncerti') }}" method="post" enctype="multipart/form-data" id="contactDetailForm">
                            <input type="hidden" name="bid" id="bid" class="bid" value="{{ @$detail->uuid }}"/>
                            @csrf
                            <div class="card">
                                <div class="card-header">
                                    <h5 class="card-title p-2 mb-0">Business Documents & Certifications</h5>
                                </div>
                                @php
                                    $documents = (@$detail->getbusinessdoc()) ? @$detail->getbusinessdoc()->get() : '';
                                    $license_certi = (@$documents->where('title', 'license_certi')->first()) ? @$documents->where('title', 'license_certi')->first():'';
                                    $tax_certi = (@$documents->where('title', 'tax_certi')->first()) ? @$documents->where('title', 'tax_certi')->first():'';
                                    $agreement_certi = (@$documents->where('title', 'agreement_certi')->first()) ? @$documents->where('title', 'agreement_certi')->first():'';
                                    $iso_certi = (@$documents->where('title', 'iso_certi')->first()) ? @$documents->where('title', 'iso_certi')->first():'';
                                    $gmp_certi = (@$documents->where('title', 'gmp_certi')->first()) ? @$documents->where('title', 'gmp_certi')->first():'';
                                    $reach_compliance = (@$documents->where('title', 'reach_compliance')->first()) ? @$documents->where('title', 'reach_compliance')->first():'';
                                    $osha_compliance = (@$documents->where('title', 'osha_compliance')->first()) ? @$documents->where('title', 'osha_compliance')->first():'';
                                    $hazardous_certi = (@$documents->where('title', 'hazardous_certi')->first()) ? @$documents->where('title', 'hazardous_certi')->first():'';
                                    $haccp_certi = (@$documents->where('title', 'haccp_certi')->first()) ? @$documents->where('title', 'haccp_certi')->first():'';

                                    $extArr = [
                                        'pdf' => 'pdf',
                                        'doc' => 'word',
                                        'docx' => 'word',
                                        'xls' => 'excel',
                                        'xlsx' => 'excel',
                                        'ppt' => 'ppt',
                                        'pptx' => 'ppt',
                                        'txt' => 'text',
                                        'rtf' => 'text',
                                    ];
                                    $extA = [
                                        'pdf',
                                        'doc',
                                        'docx',
                                        'xls',
                                        'xlsx',
                                        'ppt',
                                        'pptx',
                                    ];
                                @endphp
                                <div class="card-body px-4 cw-form">
                                    <div class="row">
                                        <div class="col-lg-12">
                                            <div class="row">
                                                <div class="col-6 mb-3">
                                                    <label class="form-label onboarding-label">Business License or Registration
                                                        Certificate</label>
                                                    <input type="file" name="license_certi" id="license_certi" class="form-control onboarding-input license_certi">
                                                </div>
                                                @if(@$license_certi)
                                                    <div class="col-4 m-auto" style="border-left:2px solid #eee;">
                                                        <a href="{{ @$license_certi->path }}" target="_blank"
                                                            title="{{ @$license_certi->title }}">
                                                            @if (in_array($license_certi->extension, $extA))
                                                                <i class="icon bi bi-file-{{ $extArr[$license_certi->extension] }}"
                                                                    style="font-size:40px;"></i>
                                                            @else
                                                                <i class="icon bi bi-file-text"
                                                                    style="font-size:40px;"></i>
                                                            @endif
                                                            <span style="display:flex;">{{ @$license_certi->name }}</span>
                                                        </a>
                                                    </div>
                                                @endif
                                            </div>
                                        </div>
                                        <div class="col-lg-12">
                                            <div class="row">
                                                <div class="col-6 mb-3">
                                                    <label class="form-label onboarding-label">Tax Identification Number</label>
                                                    <input type="file" name="tax_certi" id="tax_certi" class="form-control onboarding-input tax_certi">
                                                </div>
                                                @if(@$tax_certi)
                                                    <div class="col-4 m-auto" style="border-left:2px solid #eee;">
                                                        <a href="{{ @$tax_certi->path }}" target="_blank"
                                                            title="{{ @$tax_certi->title }}">
                                                            @if (in_array($tax_certi->extension, $extA))
                                                                <i class="icon bi bi-file-{{ $extArr[$tax_certi->extension] }}"
                                                                    style="font-size:40px;"></i>
                                                            @else
                                                                <i class="icon bi bi-file-text"
                                                                    style="font-size:40px;"></i>
                                                            @endif
                                                            <span style="display:flex;">{{ @$tax_certi->name }}</span>
                                                        </a>
                                                    </div>
                                                @endif
                                            </div>
                                        </div>
                                        <div class="col-lg-12">
                                            <div class="row">
                                                <div class="col-6 mb-3">
                                                    <label class="form-label onboarding-label">Operating Agreement or Bylaws</label>
                                                    <input type="file" name="agreement_certi" id="agreement_certi" class="form-control onboarding-input agreement_certi">
                                                </div>
                                                @if(@$agreement_certi)
                                                    <div class="col-4 m-auto" style="border-left:2px solid #eee;">
                                                        <a href="{{ @$agreement_certi->path }}" target="_blank"
                                                            title="{{ @$agreement_certi->title }}">
                                                            @if (in_array($agreement_certi->extension, $extA))
                                                                <i class="icon bi bi-file-{{ $extArr[$agreement_certi->extension] }}"
                                                                    style="font-size:40px;"></i>
                                                            @else
                                                                <i class="icon bi bi-file-text"
                                                                    style="font-size:40px;"></i>
                                                            @endif
                                                            <span style="display:flex;">{{ @$agreement_certi->name }}</span>
                                                        </a>
                                                    </div>
                                                @endif
                                            </div>
                                        </div>
                                        <div class="col-lg-12">
                                            <div class="row">
                                                <div class="col-6 mb-3">
                                                    <label class="form-label onboarding-label">ISO Certifications</label>
                                                    <input type="file" name="iso_certi" id="iso_certi" class="form-control onboarding-input iso_certi">
                                                </div>
                                                @if(@$iso_certi)
                                                    <div class="col-4 m-auto" style="border-left:2px solid #eee;">
                                                        <a href="{{ @$iso_certi->path }}" target="_blank"
                                                            title="{{ @$iso_certi->title }}">
                                                            @if (in_array($iso_certi->extension, $extA))
                                                                <i class="icon bi bi-file-{{ $extArr[$iso_certi->extension] }}"
                                                                    style="font-size:40px;"></i>
                                                            @else
                                                                <i class="icon bi bi-file-text"
                                                                    style="font-size:40px;"></i>
                                                            @endif
                                                            <span style="display:flex;">{{ @$iso_certi->name }}</span>
                                                        </a>
                                                    </div>
                                                @endif
                                            </div>
                                        </div>
                                        <div class="col-lg-12">
                                            <div class="row">
                                                <div class="col-6 mb-3">
                                                    <label class="form-label onboarding-label">GMP (Good Manufacturing Practices)
                                                        Certification</label>
                                                    <input type="file" name="gmp_certi" id="gmp_certi" class="form-control onboarding-input gmp_certi">
                                                </div>
                                                @if(@$gmp_certi)
                                                    <div class="col-4 m-auto" style="border-left:2px solid #eee;">
                                                        <a href="{{ @$gmp_certi->path }}" target="_blank"
                                                            title="{{ @$gmp_certi->title }}">
                                                            @if (in_array($gmp_certi->extension, $extA))
                                                                <i class="icon bi bi-file-{{ $extArr[$gmp_certi->extension] }}"
                                                                    style="font-size:40px;"></i>
                                                            @else
                                                                <i class="icon bi bi-file-text"
                                                                    style="font-size:40px;"></i>
                                                            @endif
                                                            <span style="display:flex;">{{ @$gmp_certi->name }}</span>
                                                        </a>
                                                    </div>
                                                @endif
                                            </div>
                                        </div>
                                        <div class="col-lg-12">
                                            <div class="row">
                                                <div class="col-6 mb-3">
                                                    <label class="form-label onboarding-label">REACH Compliance</label>
                                                    <input type="file" name="reach_compliance" id="reach_compliance" class="form-control onboarding-input reach_compliance">
                                                </div>
                                                @if(@$reach_compliance)
                                                    <div class="col-4 m-auto" style="border-left:2px solid #eee;">
                                                        <a href="{{ @$reach_compliance->path }}" target="_blank"
                                                            title="{{ @$reach_compliance->title }}">
                                                            @if (in_array($reach_compliance->extension, $extA))
                                                                <i class="icon bi bi-file-{{ $extArr[$reach_compliance->extension] }}"
                                                                    style="font-size:40px;"></i>
                                                            @else
                                                                <i class="icon bi bi-file-text"
                                                                    style="font-size:40px;"></i>
                                                            @endif
                                                            <span style="display:flex;">{{ @$reach_compliance->name }}</span>
                                                        </a>
                                                    </div>
                                                @endif
                                            </div>
                                        </div>
                                        <div class="col-lg-12">
                                            <div class="row">
                                                <div class="col-6 mb-3">
                                                    <label class="form-label onboarding-label">OSHA (Occupational Safety and Health
                                                        Administration) Compliance</label>
                                                    <input type="file" name="osha_compliance" id="osha_compliance" class="form-control onboarding-input osha_compliance">
                                                </div>
                                                @if(@$osha_compliance)
                                                    <div class="col-4 m-auto" style="border-left:2px solid #eee;">
                                                        <a href="{{ @$osha_compliance->path }}" target="_blank"
                                                            title="{{ @$osha_compliance->title }}">
                                                            @if (in_array($osha_compliance->extension, $extA))
                                                                <i class="icon bi bi-file-{{ $extArr[$osha_compliance->extension] }}"
                                                                    style="font-size:40px;"></i>
                                                            @else
                                                                <i class="icon bi bi-file-text"
                                                                    style="font-size:40px;"></i>
                                                            @endif
                                                            <span style="display:flex;">{{ @$osha_compliance->name }}</span>
                                                        </a>
                                                    </div>
                                                @endif
                                            </div>
                                        </div>
                                        <div class="col-lg-12">
                                            <div class="row">
                                                <div class="col-6 mb-3">
                                                    <label class="form-label onboarding-label">Hazardous Materials Handling
                                                        Certifications</label>
                                                    <input type="file" name="hazardous_certi" id="hazardous_certi" class="form-control onboarding-input hazardous_certi">
                                                </div>
                                                @if(@$hazardous_certi)
                                                    <div class="col-4 m-auto" style="border-left:2px solid #eee;">
                                                        <a href="{{ @$hazardous_certi->path }}" target="_blank"
                                                            title="{{ @$hazardous_certi->title }}">
                                                            @if (in_array($hazardous_certi->extension, $extA))
                                                                <i class="icon bi bi-file-{{ $extArr[$hazardous_certi->extension] }}"
                                                                    style="font-size:40px;"></i>
                                                            @else
                                                                <i class="icon bi bi-file-text"
                                                                    style="font-size:40px;"></i>
                                                            @endif
                                                            <span style="display:flex;">{{ @$hazardous_certi->name }}</span>
                                                        </a>
                                                    </div>
                                                @endif
                                            </div>    
                                        </div>
                                        <div class="col-lg-12">
                                            <div class="row">
                                                <div class="col-6 mb-3">
                                                    <label class="form-label onboarding-label">HACCP (Hazard Analysis and Critical
                                                        Control Points) Certification</label>
                                                    <input type="file" name="haccp_certi" id="haccp_certi" class="form-control onboarding-input haccp_certi">
                                                </div>
                                                @if(@$haccp_certi)
                                                    <div class="col-4 m-auto" style="border-left:2px solid #eee;">
                                                        <a href="{{ @$haccp_certi->path }}" target="_blank"
                                                            title="{{ @$haccp_certi->title }}">
                                                            @if (in_array($haccp_certi->extension, $extA))
                                                                <i class="icon bi bi-file-{{ $extArr[$haccp_certi->extension] }}"
                                                                    style="font-size:40px;"></i>
                                                            @else
                                                                <i class="icon bi bi-file-text"
                                                                    style="font-size:40px;"></i>
                                                            @endif
                                                            <span style="display:flex;">{{ @$haccp_certi->name }}</span>
                                                        </a>
                                                    </div>
                                                @endif
                                            </div>
                                        </div>
                                    </div>
                                    <div>
                                        <button type="submit" class="btn-formpage-submit">Save</button>
                                    </div>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
    
    <div class="modal fade" id="saveSuccess" tabindex="-1"  aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
            </div>
            <div class="modal-body">
                <div class="text-center">
                    <p class="text-success fs-1 mb-3"><i class="bi bi-check2-circle"></i></p>
                    <h5 class="fw-bold">Your business documents is now under review. You'll receive an email once approved.</h5>
                </div>
            </div>
            <div class="modal-footer justify-content-start">
                <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
            </div>
            </div>
        </div>
    </div>
    
    <div class="modal fade" id="saveValidation" tabindex="-1"  aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <div class="modal-body pb-0">
                    <div class="savevalidation-modal">
                        <h5 class="savevalidation-header">You must fill out the following information before submitting:</h5>
                    </div>
                </div>
                <div class="modal-footer justify-content-start">
                    <button type="button" class="btn btn-primary" data-bs-dismiss="modal">Continue</button>
                </div>
            </div>
        </div>
    </div>
@endsection
@push('css')
    <link href="/assets/dashboard/css/filepond.css" rel="stylesheet" />
@endpush
@push('js')
    <script src="/assets/dashboard/js/filepond.js"></script>
    <script>
        FilePond.registerPlugin(FilePondPluginImagePreview, FilePondPluginFileValidateType);
        const input = document.querySelector('.fileupload');
        FilePond.create(input, {
            storeAsFile: true,
            acceptedFileTypes: ['image/jpeg', 'image/png', 'video/mp4', 'image/webp'],
        });
            //Get Address Detail
        $('.business-review-btn').on('click', function() {
            let bid = $(this).attr('data-id');
            let approve = $(this).attr('data-approve');
            // console.log(approve);
            if(approve > 1){
                return false;
            }
            //console.log(id)
            let url = "/admin/detail/business/"+ bid + "?document=true";
            $.ajax({
                url: url,
                type: 'GET',
                //dataType: 'json',
                success: function(response) {
                    if(!response.success){
                        var document = '';
                        $(".savevalidation-modal").find(".savevalidation-info").remove();
                        if(response.data.document != ''){
                            document += `<div class="savevalidation-info savevalidation-contact"><h6 class="tab-title">Business Documents</h6>`;
                            document += response.data.document.map((c, i) => {
                                return `<p class="tab-field">${c}</p>`;
                            }).join('');
                            document +=`</div>`;
                            $(".savevalidation-modal").append(document);
                        }
                        // console.log(response, console);
                        $('#saveValidation').modal('show');
                    }else{
                        $.fn.approve(bid);
                    }
                }
            });
        });

        $.fn.approve = function(bid){
            var reqdata = {
                id: bid,
                verified: 1,
                type: 'approve'
            };
            var link2 = "/admin/business-documents/vefied/"+ bid;
            // console.log(type, html);
            $.ajax({
                url: link2,
                type: 'POST',
                data: reqdata,
                dataType: 'json',
                context: this,
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                },
                beforeSend: function() {
                    $('body').append(
                        '<div class="blockUI" style="z-index: 10000; border: none; margin: 0px; padding: 0px; width: 100%; height: 100%; top: 0px; left: 0px; background-color: rgb(0, 0, 0); opacity: 0.6; cursor: wait; position: fixed;"></div>'
                    );
                },
                success: function(data) {
                    if (data.success == '1') {
                        $(".business-review-btn").removeClass('grey').addClass('yellow');
                        $(".business-status").html('Pending Review');
                        $('#saveSuccess').modal('show');
                    } else {
                        sweetAlert(data.msg);
                    }
                    $("div.blockUI").remove();
                },
                error: function(result) {
                    // console.log('An error occurred: '+result.status+' '+result.statusText);
                    sweetAlert(result.responseJSON.message);
                    $("div.blockUI").remove();
                },
                cache: false
            });
        }
    </script>
@endpush