@extends('admin.layout')
@section('content')
    <!-- Content Header (Page header) -->
    <div class="content-header">
        <div class="d-flex align-items-center">
            <div class="mr-auto">
                <h3 class="page-title"> {{ translate('Add sellers') }}</h3>
                <div class="d-inline-block align-items-center">
                    <nav>
                        <ol class="breadcrumb">
                            <li class="breadcrumb-item"><a href="{{ route('dashboard') }}"><i
                                        class="mdi mdi-home-outline"></i></a></li>
                            <li class="breadcrumb-item" aria-current="page"><a href="{{ route('Seller.index') }}">
                                    {{ translate('Sellers') }}</a></li>
                            <li class="breadcrumb-item" aria-current="page"> {{ translate('Add sellers') }}</li>

                        </ol>
                    </nav>
                </div>
            </div>

        </div>
    </div>
    <!-- Main content -->

    <section class="content">
        {!! Form::open(['method' => 'patch', 'action' => ['Admin\SellerController@update', $seller->id], 'files' => true, 'class' => 'form_to_submit']) !!}
        <div class="row">
            <div class="col-lg-6 col-12">
                <div class="box">
                    <div class="box-header">
                        <h4 class="box-title">{{ translate('Basic info') }}</h4>
                    </div>
                    <div class="box-body">
                        <br>
                        <div class="form-group">
                            <div class="custom-file-container">
                                <div class="custom-file">
                                    <input type="file" name="photo" class="custom-file-input" id="logo_web">
                                    <label class="custom-file-label" for="photo">{{ translate('Photo') }}</label>
                                </div>

                                <div class="bg-lightest p-10 rounded5 dvPreview"
                                    style="width: 40%;margin-top: 1em;height: 10em;">
                                    <img style="width: 100%;height: 100%;object-fit: cover"
                                        src="{{ $seller->user->photo ? url($seller->user->photo) : url('/images/noimg.jpg') }}"
                                        alt="">
                                </div>
                            </div>
                            @error('photo')
                                <div class="badge badge-danger text-center" style="width: 100%">{{ $message }}</div>
                            @enderror
                        </div>
                        <div class="form-group">
                            <label for="name">{{ translate('Name') }}
                            </label>
                            <div>
                                {!! Form::text('name', $seller->user->name, ['class' => 'form-control', 'placeholder' => translate('Name')]) !!}
                            </div>
                            @error('name')
                                <div class="badge badge-danger text-center" style="width: 100%">{{ $message }}
                                </div>
                            @enderror
                        </div>
                        <div class="form-group">
                            <label for="phone">{{ translate('Phone') }}
                            </label>
                            <div>
                                {!! Form::text('phone', $seller->user->phone, ['class' => 'form-control', 'placeholder' => translate('Phone')]) !!}
                            </div>
                            @error('phone')
                                <div class="badge badge-danger text-center" style="width: 100%">{{ $message }}
                                </div>
                            @enderror
                        </div>
                        <div class="form-group">
                            <label for="name">{{ translate('Password') }}
                            </label>
                            <div>
                                <input type="password" name="password" class="form-control"
                                    placeholder="{{ translate('Password') }}">
                            </div>

                        </div>
                        <div class="form-group">
                            <label for="email">{{ translate('Email') }}
                            </label>
                            <div>
                                {!! Form::text('email', $seller->user->email, ['type' => 'email', 'class' => 'form-control', 'placeholder' => translate('Email')]) !!}
                            </div>
                            @error('email')
                                <div class="badge badge-danger text-center" style="width: 100%">{{ $message }}
                                </div>
                            @enderror
                        </div>
                        <div class="row">
                            <div class="col-md">
                                <div class="form-group">
                                    <label for="title">{{ translate('Provinces') }}
                                    </label>
                                    @php
                                        $seller_province_id = null;
                                        if ($seller->user->city != null) {
                                            if ($seller->user->city->province != null) {
                                                $seller_province_id = $seller->user->city->province->id;
                                            }
                                        }
                                    @endphp
                                    <div>
                                        {!! Form::select('provinces', $provinces, $seller_province_id, ['data-placeholder' => translate('Provinces'), 'id' => 'province_id', 'class' => 'form-control select2']) !!}
                                    </div>

                                </div>
                            </div>
                            <div class="col-md">
                                <div class="form-group">
                                    <label for="title">{{ translate('City') }}
                                    </label>
                                    <div>
                                        <select class="form-control select2" id="city_id" name="city_id">
                                            <option selected="selected" value="">{{ translate('City') }}
                                            </option>

                                        </select>
                                    </div>

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


                        <div class="form-group">
                            <div class="checkbox">
                                {!! Form::checkbox('active', null, $seller->user->active, ['id' => 'Checkbox_1']) !!}
                                <label for="Checkbox_1">{{ translate('Active') }}</label>
                            </div>
                        </div>
                        <div class="form-group">
                            <div class="checkbox">
                                {!! Form::checkbox('hasAdminAccess', null, $seller->user->hasAdminAccess == 'true' ? 1 : 0, ['id' => 'Checkbox_2']) !!}
                                <label for="Checkbox_2">{{ translate('Has admin access') }}</label>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-lg-6 col-12">
                <div class="box">
                    <div class="box-header with-border">
                        <h4 class="box-title">{{ translate('Shop info') }}</h4>
                    </div>
                    <!-- /.box-header -->
                    <div class="box-body">

                        <ul class="nav nav-tabs" role="tablist">
                            <li class="nav-item"> <a class="nav-link active" data-toggle="tab" href="#home8"
                                    role="tab"><span><i
                                            class="fa fa-address-card mr-15"></i>{{ translate('Commercial') }}</span></a>
                            </li>
                            <li class="nav-item"> <a class="nav-link" data-toggle="tab" href="#profile8" role="tab"><span><i
                                            class="fa fa-dollar mr-15"></i>{{ translate('Consumption') }}</span></a>
                            </li>
                        </ul>
                        <!-- Tab panes -->
                        <div class="tab-content tabcontent-border">
                            <div class="tab-pane active" id="home8" role="tabpanel">
                                <div class="p-15">
                                    <div class="form-group">
                                        <label for="title">{{ translate('Category') }}
                                        </label>
                                        <div>
                                            {!! Form::select('category_id', $categories, $seller->category_id, ['data-placeholder' => translate('Category'), 'class' => 'form-control select2']) !!}
                                        </div>
                                        @error('category_id')
                                            <div class="badge badge-danger text-center" style="width: 100%">{{ $message }}
                                            </div>
                                        @enderror
                                    </div>
                                    <div class="form-group">
                                        <label for="company_name">{{ translate('Company name') }}
                                        </label>
                                        <div>
                                            {!! Form::text('company_name', $seller->company_name, ['class' => 'form-control', 'placeholder' => translate('Company name')]) !!}
                                        </div>
                                        @error('company_name')
                                            <div class="badge badge-danger text-center" style="width: 100%">{{ $message }}
                                            </div>
                                        @enderror
                                    </div>
                                    <div class="form-group">
                                        <label for="company_phone">{{ translate('Company phone') }}
                                        </label>
                                        <div>
                                            {!! Form::text('company_phone', $seller->company_phone, ['class' => 'form-control', 'placeholder' => translate('Company phone')]) !!}
                                        </div>
                                        @error('company_phone')
                                            <div class="badge badge-danger text-center" style="width: 100%">{{ $message }}
                                            </div>
                                        @enderror
                                    </div>
                                    <div class="form-group">
                                        <label for="company_adress">{{ translate('Company adress') }}
                                        </label>
                                        <div>
                                            {!! Form::text('company_adress', $seller->company_adress, ['class' => 'form-control', 'placeholder' => translate('Company adress')]) !!}
                                        </div>
                                        @error('company_adress')
                                            <div class="badge badge-danger text-center" style="width: 100%">{{ $message }}
                                            </div>
                                        @enderror
                                    </div>
                                    <div class="form-group">
                                        <label for="tax_number">{{ translate('Tax number') }}
                                        </label>
                                        <div>
                                            {!! Form::text('tax_number', $seller->tax_number, ['class' => 'form-control', 'placeholder' => translate('Tax number')]) !!}
                                        </div>
                                        @error('tax_number')
                                            <div class="badge badge-danger text-center" style="width: 100%">{{ $message }}
                                            </div>
                                        @enderror
                                    </div>
                                    <div class="form-group">
                                        <div class="custom-file-container">
                                            <div class="custom-file">
                                                <input type="file" name="tax_attach_file" class="custom-file-input"
                                                    id="logo_web">
                                                <label class="custom-file-label"
                                                    for="tax_attach_file">{{ translate('Tax attach file') }}</label>
                                            </div>

                                            <div class="bg-lightest p-10 rounded5 dvPreview"
                                                style="width: 40%;margin-top: 1em;height: 10em;">
                                                <img style="width: 100%;height: 100%;object-fit: cover"
                                                    src="{{ $seller->tax_attach_file ? url($seller->tax_attach_file) : url('/images/noimg.jpg') }}"
                                                    alt="">
                                            </div>
                                        </div>
                                        @error('tax_attach_file')
                                            <div class="badge badge-danger text-center" style="width: 100%">{{ $message }}
                                            </div>
                                        @enderror
                                    </div>
                                </div>
                            </div>
                            <div class="tab-pane" id="profile8" role="tabpanel">
                                <div class="p-15">
                                    <div class="form-group">
                                        <label for="bank_name">{{ translate('Bank name') }}
                                        </label>
                                        <div>
                                            {!! Form::text('bank_name', $seller->bank_name, ['class' => 'form-control', 'placeholder' => translate('Bank name')]) !!}
                                        </div>
                                        @error('bank_name')
                                            <div class="badge badge-danger text-center" style="width: 100%">{{ $message }}
                                            </div>
                                        @enderror
                                    </div>
                                    <div class="form-group">
                                        <label for="bank_account_num">{{ translate('Bank account number') }}
                                        </label>
                                        <div>
                                            {!! Form::text('bank_account_num', $seller->bank_account_num, ['class' => 'form-control', 'placeholder' => translate('Bank account number')]) !!}
                                        </div>
                                        @error('bank_account_num')
                                            <div class="badge badge-danger text-center" style="width: 100%">{{ $message }}
                                            </div>
                                        @enderror
                                    </div>
                                    <div class="form-group">
                                        <label for="bank_user_name">{{ translate('Bank user name') }}
                                        </label>
                                        <div>
                                            {!! Form::text('bank_user_name', $seller->bank_user_name, ['class' => 'form-control', 'placeholder' => translate('Bank user name')]) !!}
                                        </div>
                                        @error('bank_user_name')
                                            <div class="badge badge-danger text-center" style="width: 100%">{{ $message }}
                                            </div>
                                        @enderror
                                    </div>
                                    <div class="form-group">
                                        <label for="bank_swift_code">{{ translate('Bank swift code') }}
                                        </label>
                                        <div>
                                            {!! Form::text('bank_swift_code', $seller->bank_swift_code, ['class' => 'form-control', 'placeholder' => translate('Bank swift code')]) !!}
                                        </div>
                                        @error('bank_swift_code')
                                            <div class="badge badge-danger text-center" style="width: 100%">{{ $message }}
                                            </div>
                                        @enderror
                                    </div>
                                    <div class="form-group">
                                        <label for="bank_branch_name">{{ translate('Bank branch name') }}
                                        </label>
                                        <div>
                                            {!! Form::text('bank_branch_name', $seller->bank_branch_name, ['class' => 'form-control', 'placeholder' => translate('Bank branch name')]) !!}
                                        </div>
                                        @error('bank_branch_name')
                                            <div class="badge badge-danger text-center" style="width: 100%">{{ $message }}
                                            </div>
                                        @enderror
                                    </div>
                                    <div class="form-group">
                                        <div class="custom-file-container">
                                            <div class="custom-file">
                                                <input type="file" name="bank_attach_file" class="custom-file-input"
                                                    id="logo_web">
                                                <label class="custom-file-label"
                                                    for="bank_attach_file">{{ translate('Bank attach file') }}</label>
                                            </div>

                                            <div class="bg-lightest p-10 rounded5 dvPreview"
                                                style="width: 40%;margin-top: 1em;height: 10em;">
                                                <img style="width: 100%;height: 100%;object-fit: cover"
                                                    src="{{ $seller->bank_attach_file ? url($seller->bank_attach_file) : url('/images/noimg.jpg') }}"
                                                    alt="">
                                            </div>
                                        </div>
                                        @error('bank_attach_file')
                                            <div class="badge badge-danger text-center" style="width: 100%">{{ $message }}
                                            </div>
                                        @enderror
                                    </div>
                                </div>
                            </div>

                        </div>


                    </div>

                </div>


            </div>
        </div>
        {!! Form::Close() !!}
        <div class="box">
            <div class="box-header">
                <h4 class="box-title">{{ translate('Attachment') }}</h4>
            </div>
            <div class="box-body">
                <form action="{{ route('Seller.fileupload') }}" class="dropzone">
                    <div class="fallback">
                        <input name="file" type="file" multiple />
                    </div>
                </form>
            </div>
        </div>
    </section>

@endsection

@section('script')

    <script type="text/javascript">
        $('#header_to_save_form').show();
        $('.select2').select2();
        Dropzone.autoDiscover = false;
        var myDropzone = new Dropzone(".dropzone", {
            init: function() {
                myDropzone = this;
                $.ajax({
                    url: "{{ route('Seller.getUploadedFiles') }}",
                    type: 'post',
                    data: {
                        _token: '{{ csrf_token() }}',
                        id: {{ $seller->id }},
                    },
                    dataType: 'json',
                    success: function(response) {
                        $.each(response, function(key, value) {
                            console.log(value);
                            var mockFile = {
                                name: value.name,
                                size: value.size
                            };
                            myDropzone.emit("addedfile", mockFile);
                            myDropzone.emit("thumbnail", mockFile, value.path);
                            myDropzone.emit("complete", mockFile);

                        });

                    }
                });
            },
            maxFilesize: 3, // 3 mb
            acceptedFiles: ".jpeg,.jpg,.png,.pdf",
            dictDefaultMessage: `<i style="font-size: 4em" class="fa fa-cloud-upload" aria-hidden="true"></i>`,
            addRemoveLinks: true,
            success: function(file, response) {
                $('.form_to_submit').append('<input type="hidden" name="attatches[]" value="' + response.name +
                    '">')
                console.log(response);
            },
            removedfile: function(file) {
                var fileName = file.name;
                $.post(`{{ route('Seller.fileupload') }}`, {
                    _token: '{{ csrf_token() }}',
                    name: fileName,
                    type: 'delete'
                }, function(data) {
                    console.log(data);
                    $('.form_to_submit').find('input[name="attatches[]"][value="' + data.name + '"]')
                        .remove();
                });

                var _ref;
                return (_ref = file.previewElement) != null ? _ref.parentNode.removeChild(file.previewElement) :
                    void 0;
            }
        });
        myDropzone.on("sending", function(file, xhr, formData) {
            formData.append("_token", '{{ csrf_token() }}');
            formData.append("filesize", file.size);
            formData.append("filesize", file.size);
            formData.append("type", 'add');
        });
        var province_id = $('#province_id').val();
        if ($('#province_id').val() != null) {
            $.post(`{{ route('Seller.getCitiesByProvince_id') }}`, {
                _token: '{{ csrf_token() }}',
                province_id: province_id
            }, function(data) {
                console.log(data.length);
                $('#city_id').html(null);
                for (var i = 0; i < data.length; i++) {
                    @if($seller->user->city)
                        if (`{{ $seller->user->city->id }}` == data[i].id) {
                            $('#city_id').append($('<option>', {
                                value: data[i].id,
                                text: data[i].title,
                                selected: true
                            }));
                        } else {
                            $('#city_id').append($('<option>', {
                                value: data[i].id,
                                text: data[i].title
                            }));
                        }
                    @else
                            $('#city_id').append($('<option>', {
                                value: data[i].id,
                                text: data[i].title
                            }));
                    @endif

                }

            });
        }
        $('#province_id').change(function() {
            province_id = $(this).val();
            $.post(`{{ route('Seller.getCitiesByProvince_id') }}`, {
                _token: '{{ csrf_token() }}',
                province_id: province_id
            }, function(data) {
                console.log(data.length);
                $('#city_id').html(null);
                for (var i = 0; i < data.length; i++) {
                    $('#city_id').append($('<option>', {
                        value: data[i].id,
                        text: data[i].title
                    }));
                }

            });

        });
    </script>
@endsection