@extends('layouts.admin')

@section('styles')
    <style type="text/css">
        .table-responsive {
            overflow: hidden;
        }

        table#example2 {
            margin-left: 10px;
        }
    </style>
@endsection

@section('content')
    <div class="content-area">
        <div class="mr-breadcrumb">
            <div class="row">
                <div class="col-lg-12">
                    <h4 class="heading">{{ __('Vendor Details') }} <a class="add-btn" href="{{ url()->previous() }}"><i
                                class="fas fa-arrow-left"></i> {{ __('Back') }}</a></h4>
                    <ul class="links">
                        <li>
                            <a href="{{ route('admin.dashboard') }}">{{ __('Dashboard') }} </a>
                        </li>
                        <li>
                            <a href="{{ route('admin-vendor-index') }}">{{ __('Vendors') }}</a>
                        </li>
                        <li>
                            <a href="{{ route('admin-vendor-show', $data->id) }}">{{ __('Details') }}</a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        <div class="add-product-content customar-details-area">
            <div class="row">
                <div class="col-lg-12">
                    <div class="product-description">
                        <div class="body-area">
                            <div class="row">
                                <div class="col-md-4">
                                    <div class="user-image">
                                        @if ($data->is_provider == 1)
                                            <img src="{{ $data->photo ? asset($data->photo) : asset('assets/images/noimage.png') }}"
                                                alt="No Image">
                                        @else
                                            <img src="{{ $data->photo ? asset('storage/images/users/' . $data->photo) : asset('assets/images/noimage.png') }}"
                                                alt="{{ __(' No Image') }}">
                                        @endif
                                        <a href="javascript:;" class="mybtn1 send" data-email="{{ $data->email }}"
                                            data-toggle="modal" data-target="#vendorform">{{ __('Send Message') }}</a>
                                    </div>
                                </div>
                                <div class="col-md-4">
                                    <div class="table-responsive show-table">
                                        <table class="table">
                                            <tr>
                                                <th>{{ __('Vendor ID#') }}</th>
                                                <td>{{ $data->id }}</td>
                                            </tr>
                                            <tr>
                                                <th>{{ __('Store Name') }}</th>
                                                <td>{{ $data->shop_name }}</td>
                                            </tr>
                                            <tr>
                                                <th>{{ __('Owner Name') }}</th>
                                                <td>{{ $data->owner_name }}</td>
                                            </tr>
                                            <tr>
                                                <th>{{ __('Corporate Name') }}</th>
                                                <td>{{ $data->vendor_corporate_name }}</td>
                                            </tr>
                                            <tr>
                                                <th>{{ __('CNPJ') }}</th>
                                                <td>{{ $data->vendor_document }}</td>
                                            </tr>
                                            <tr>
                                                <th>{{ __('Phone') }}</th>
                                                <td>{{ $data->vendor_phone }}</td>
                                            </tr>
                                            <tr>
                                                <th>{{ __('Payment Methods') }}</th>
                                                <td>{{ $data->vendor_payment_methods }}</td>
                                            </tr>
                                            <tr>
                                                <th>{{ __('Delivery Info') }}</th>
                                                <td>{{ $data->vendor_delivery_info }}</td>
                                            </tr>
                                            <tr>
                                                <th>{{ __('Email') }}</th>
                                                <td>{{ $data->email }}</td>
                                            </tr>

                                        </table>
                                    </div>
                                </div>
                                <div class="col-md-4">
                                    <div class="table-responsive show-table">
                                        <table class="table">
                                            <tr>
                                                <th>{{ __('Shop Number') }}</th>
                                                <td>{{ $data->shop_number }}</td>
                                            </tr>
                                            <tr>
                                                <th>{{ __('Registration Number') }}</th>
                                                <td>{{ $data->reg_number }}</td>
                                            </tr>

                                            <tr>
                                                <th>{{ __('Shop Address') }}</th>
                                                <td>{{ $data->shop_address }}</td>
                                            </tr>
                                            <tr>
                                                <th>{{ __('Message') }}</th>
                                                <td>{{ $data->shop_message }}</td>
                                            </tr>
                                            <tr>
                                                <th>{{ __('Total Product(s)') }}</th>
                                                <td>{{ $data->products()->count() }}</td>
                                            </tr>
                                            <tr>
                                                <th>{{ __('Use Maps') }}</th>
                                                <td>{{ $data->vendor_map_embed ? __('Yes') : __('No') }}</td>
                                            </tr>
                                            <tr>
                                                <th>{{ __('Joined') }}</th>
                                                <td>{{ $data->created_at->diffForHumans() }}</td>
                                            </tr>
                                            <tr>
                                                <th width="35%">{{ __('Shop Details') }}</th>
                                                <td>{!! $data->shop_details !!}</td>
                                            </tr>
                                            <tr>
                                                <td>
                                                    @if ($data->checkStatus())
                                                        <a class="badge badge-success verify-link"
                                                            href="javascript:;">{{ __('Verified') }}</a>
                                                        <a class="set-gallery1" href="javascript:;" data-toggle="modal"
                                                            data-target="#setgallery"><input type="hidden"
                                                                value="{{ $data->verifies()->where('status', '=', 'Verified')->first()->id }}">({{ __('View') }})</a>
                                                    @else
                                                        <a class="badge badge-danger verify-link"
                                                            href="javascript:;">{{ __('Unverified') }}</a>
                                                    @endif
                                                </td>
                                                <td>
                                                </td>
                                            </tr>
                                        </table>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="order-table-wrap">
                            <div class="order-details-table">
                                <div class="mr-table">
                                    <h4 class="title">{{ __('Products Added') }}</h4>
                                    <div class="table-responsive">
                                        <table id="example2" class="table table-hover dt-responsive" cellspacing="0"
                                            width="100%">
                                            <thead>
                                                <tr>
                                                    <th>{{ __('Product ID') }}</th>
                                                    <th>{{ __('Type') }}</th>
                                                    <th>{{ __('Stock') }}</th>
                                                    <th>{{ __('Price') }}</th>
                                                    <th>{{ __('Status') }}</th>
                                                    <th></th>
                                                </tr>
                                            </thead>
                                            <tbody>
                                                @foreach ($data->products as $dt)
                                                    <tr>
                                                        <td><a href="{{ route('front.product', $dt->slug) }}"
                                                                target="_blank">{{ sprintf("%'.08d", $dt->id) }}</a></td>
                                                        <td>{{ $dt->type }}</td>
                                                        @php
                                                            $stck = (string) $dt->stock;
                                                            if ($stck == '0') {
                                                                $stck = __('Out of Stock!');
                                                            } elseif ($stck == null) {
                                                                $stck = __('Unlimited');
                                                            }
                                                        @endphp
                                                        <td>{{ $stck }}</td>
                                                        <td>{{ App\Models\Product::convertPrice($dt->price) }}</td>
                                                        <td>
                                                            <div class="action-list">
                                                                <select
                                                                    class="process select droplinks {{ $dt->status == 1 ? 'drop-success' : 'drop-danger' }}">
                                                                    <option data-val="1"
                                                                        value="{{ route('admin-prod-status', ['id1' => $data->id, 'id2' => 1]) }}"
                                                                        {{ $dt->status == 1 ? 'selected' : '' }}>
                                                                        {{ __('Activated') }}</option>
                                                                    <<option data-val="0"
                                                                        value="{{ route('admin-prod-status', ['id1' => $data->id, 'id2' => 0]) }}"
                                                                        {{ $dt->status == 0 ? 'selected' : '' }}>
                                                                        {{ __('Deactivated') }}</option>
                                                                </select>
                                                            </div>
                                                        </td>
                                                        <td>
                                                            <a href=" {{ route('admin-prod-edit', $dt->id) }}"
                                                                class="view-details">
                                                                <i class="fas fa-eye"></i>{{ __('Details') }}
                                                            </a>
                                                        </td>
                                                    </tr>
                                                @endforeach
                                            </tbody>
                                        </table>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    {{-- MESSAGE MODAL --}}
    <div class="sub-categori">
        <div class="modal" id="vendorform" tabindex="-1" role="dialog" aria-labelledby="vendorformLabel"
            aria-hidden="true">
            <div class="modal-dialog" role="document">
                <div class="modal-content">
                    <div class="modal-header">
                        <h5 class="modal-title" id="vendorformLabel">{{ __('Send Message') }}</h5>
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                            <span aria-hidden="true">&times;</span>
                        </button>
                    </div>
                    <div class="modal-body">
                        <div class="container-fluid p-0">
                            <div class="row">
                                <div class="col-md-12">
                                    <div class="contact-form">
                                        <form id="emailreply1">
                                            {{ csrf_field() }}
                                            <ul>
                                                <li>
                                                    <input type="email" class="input-field eml-val" id="eml1"
                                                        name="to" placeholder="{{ __(' Email') }} *" value=""
                                                        required="">
                                                </li>
                                                <li>
                                                    <input type="text" class="input-field" id="subj1"
                                                        name="subject" placeholder="{{ __(' Subject') }} *"
                                                        required="">
                                                </li>
                                                <li>
                                                    <textarea class="input-field textarea" name="message" id="msg1" placeholder="{{ __(' Your Message') }} *"
                                                        required=""></textarea>
                                                </li>
                                            </ul>
                                            <button class="submit-btn" id="emlsub1"
                                                type="submit">{{ __('Send Message') }}</button>
                                        </form>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    {{-- MESSAGE MODAL ENDS --}}


    {{-- GALLERY MODAL --}}

    <div class="modal fade" id="setgallery" tabindex="-1" role="dialog" aria-labelledby="setgallery"
        aria-hidden="true">
        <div class="modal-dialog modal-dialog-centered modal-lg" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="exampleModalCenterTitle">{{ __('Attachments') }}</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">×</span>
                    </button>
                </div>
                <div class="modal-body">

                    <div class="top-area">
                        <div class="row">
                            <div class="col-sm-12 d-inline-block">

                                <h5> {{ __('Details') }}: <small id="detail"></small></h5>
                            </div>

                        </div>
                    </div>

                    <div class="gallery-images">
                        <div class="selected-image">
                            <div class="row">


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


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


    {{-- GALLERY MODAL ENDS --}}
@endsection

@section('scripts')
    <script type="text/javascript">
        $('#example2').dataTable({
            language: {
                url: '{{ $datatable_translation }}',
                processing: '<img src="{{ $gs->adminLoaderUrl }}">'
            },
            "ordering": false,
            'lengthChange': false,
            'searching': false,
            'ordering': false,
            'info': false,
            'autoWidth': false,
            'responsive': true
        });
    </script>

    <script type="text/javascript">
        // Gallery Section Update


        $(document).on("click", ".set-gallery1", function() {
            var pid = $(this).find('input[type=hidden]').val();
            $('#pid').val(pid);
            $('.selected-image .row').html('');
            $.ajax({
                type: "GET",
                url: "{{ route('admin-vr-show') }}",
                data: {
                    id: pid
                },
                success: function(data) {
                    $('#detail').html(data[2]);
                    if (data[0] == 0) {
                        $('.selected-image .row').addClass('justify-content-center');
                        $('.selected-image .row').html('<h3>{{ __('No Images Found.') }}</h3>');
                    } else {
                        $('.selected-image .row').removeClass('justify-content-center');
                        $('.selected-image .row h3').remove();
                        var arr = $.map(data[1], function(el) {
                            return el
                        });

                        for (var k in arr) {
                            $('.selected-image .row').append('<div class="col-sm-6">' +
                                '<div class="img gallery-img">' +
                                '<a class="img-popup" href="' +
                                '{{ asset('storage/images/attachments') . '/' }}' + arr[k] + '">' +
                                '<img  src="' + '{{ asset('storage/images/attachments') . '/' }}' +
                                arr[k] + '" alt="gallery image">' +
                                '</a>' +
                                '</div>' +
                                '</div>');
                        }
                    }

                    $('.img-popup').magnificPopup({
                        type: 'image'
                    });

                    $(document).off('focusin');

                }


            });
        });




        // Gallery Section Update Ends
    </script>
@endsection