@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' => 'post', 'action' => 'Admin\SellerController@store', 'files' => true, 'id' => 'add_seller_form']) !!}
        <div class="row">
            <div class="col-lg-8 col-md-8 col-12 mx-auto">
                <div class="box"
                    style="margin-bottom: -6px;z-index: 100;box-shadow: 1px -20px 15px 3px rgb(142 142 142 / 53%)">
                    <div class="box-header">
                        <h4 class="box-title">{{ translate('Basic info') }}</h4>
                    </div>
                    <div class="box-body">
                        <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 text-center" style="width: 100%;">
                                    <img style="max-width: 100%;height: 100%;" src="{{ url('/images/noimg.png') }}"
                                        alt="">
                                </div>
                            </div>
                            @error('photo')
                                <div class="badge badge-danger text-center" style="width: 100%">{{ $message }}</div>
                            @enderror
                        </div>
                        <div class="row">
                            <div class="col-lg-6 col-xl-6 col-md-6 col-sm-12 mx-auto">
                                <div class="form-group">
                                    <label for="name">{{ translate('Name') }}
                                    </label>
                                    <div>
                                        {!! Form::text('name', null, ['class' => 'form-control', 'placeholder' => translate('Name')]) !!}
                                    </div>
                                    @error('name')
                                        <div class="badge badge-danger text-center" style="width: 100%">{{ $message }}
                                        </div>
                                    @enderror
                                </div>
                            </div>
                            <div class="col-lg-6 col-xl-6 col-md-6 col-sm-12 mx-auto">
                                <div class="form-group">
                                    <label for="phone">{{ translate('Phone') }}
                                    </label>
                                    <div>
                                        {!! Form::text('phone', null, ['class' => 'form-control', 'placeholder' => translate('Phone')]) !!}
                                    </div>
                                    @error('phone')
                                        <div class="badge badge-danger text-center" style="width: 100%">{{ $message }}
                                        </div>
                                    @enderror
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-lg-6 col-xl-6 col-md-6 col-sm-12 mx-auto">
                                <div class="form-group">
                                    <label for="name">{{ translate('Password') }}
                                    </label>
                                    <div>
                                        <input type="password" name="password" class="form-control"
                                            placeholder="{{ translate('Password') }}">
                                    </div>
                                    @error('password')
                                        <div class="badge badge-danger text-center" style="width: 100%">{{ $message }}
                                        </div>
                                    @enderror
                                </div>
                            </div>
                            <div class="col-lg-6 col-xl-6 col-md-6 col-sm-12 mx-auto">
                                <div class="form-group">
                                    <label for="email">{{ translate('Email') }}
                                    </label>
                                    <div>
                                        {!! Form::text('email', null, ['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>
                        </div>
                        <div class="row">
                            <div class="col-md">
                                <div class="form-group">
                                    <label for="title_ar">{{ translate('Provinces') }}
                                    </label>
                                    <div>
                                        {!! Form::select('provinces', $provinces, null, ['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_ar">{{ 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, 1, ['id' => 'Checkbox_1']) !!}
                                <label for="Checkbox_1">{{ translate('Active') }}</label>
                            </div>
                        </div>
                        <div class="box-header with-border">
                            <h4 class="box-title">{{ translate('Shop info') }}</h4>
                        </div>
                        <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="row">
                                        <div class="col-lg-6 col-xl-6 col-md-6 col-sm-12 mx-auto">
                                            <div class="form-group">
                                                <label for="company_name">{{ translate('Company name') }}
                                                </label>
                                                <div>
                                                    {!! Form::text('company_name', null, ['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>
                                        <div class="col-lg-6 col-xl-6 col-md-6 col-sm-12 mx-auto">
                                            <div class="form-group">
                                                <label for="company_phone">{{ translate('Company phone') }}
                                                </label>
                                                <div>
                                                    {!! Form::text('company_phone', null, ['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>
                                    </div>
                                    <div class="row">
                                        <div class="col-lg-6 col-xl-6 col-md-6 col-sm-12 mx-auto">
                                            <div class="form-group">
                                                <label for="company_adress">{{ translate('Company adress') }}
                                                </label>
                                                <div>
                                                    {!! Form::text('company_adress', null, ['class' => 'form-control', 'placeholder' => translate('Company address')]) !!}
                                                </div>
                                                @error('company_adress')
                                                    <div class="badge badge-danger text-center" style="width: 100%">
                                                        {{ $message }}
                                                    </div>
                                                @enderror
                                            </div>
                                        </div>
                                        <div class="col-lg-6 col-xl-6 col-md-6 col-sm-12 mx-auto">
                                            <div class="form-group">
                                                <label for="tax_number">{{ translate('Tax number') }}
                                                </label>
                                                <div>
                                                    {!! Form::text('tax_number', null, ['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>
                                    </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 text-center"
                                                style="width: 100%;margin-top: 1em;">
                                                <img style="maxwidth: 100%;height: 100%"
                                                    src="{{ url('/images/noimg.png') }}" 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="row">
                                        <div class="col-lg-6 col-xl-6 col-md-6 col-sm-12 mx-auto">
                                            <div class="form-group">
                                                <label for="bank_name">{{ translate('Bank name') }}
                                                </label>
                                                <div>
                                                    {!! Form::text('bank_name', null, ['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>
                                        <div class="col-lg-6 col-xl-6 col-md-6 col-sm-12 mx-auto">
                                            <div class="form-group">
                                                <label for="bank_account_num">{{ translate('Bank account num') }}
                                                </label>
                                                <div>
                                                    {!! Form::text('bank_account_num', null, ['class' => 'form-control', 'placeholder' => translate('Bank account num')]) !!}
                                                </div>
                                                @error('bank_account_num')
                                                    <div class="badge badge-danger text-center" style="width: 100%">
                                                        {{ $message }}
                                                    </div>
                                                @enderror
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col-lg-6 col-xl-6 col-md-6 col-sm-12 mx-auto">
                                            <div class="form-group">
                                                <label for="bank_user_name">{{ translate('Bank user name') }}
                                                </label>
                                                <div>
                                                    {!! Form::text('bank_user_name', null, ['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>
                                        <div class="col-lg-6 col-xl-6 col-md-6 col-sm-12 mx-auto">
                                            <div class="form-group">
                                                <label for="bank_swift_code">{{ translate('Bank swift code') }}
                                                </label>
                                                <div>
                                                    {!! Form::text('bank_swift_code', null, ['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>
                                    </div>
                                    <div class="row">
                                        <div class="col-lg-6 col-xl-6 col-md-6 col-sm-12 mx-auto">
                                            <div class="form-group">
                                                <label for="bank_branch_name">{{ translate('Bank branch name') }}
                                                </label>
                                                <div>
                                                    {!! Form::text('bank_branch_name', null, ['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>
                                        <div class="col-lg-6 col-xl-6 col-md-6 col-sm-12 mx-auto"></div>
                                    </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 text-center"
                                                style="width: 100%;margin-top: 1em;height: 10em;">
                                                <img style="max-width: 100%;height: 100%"
                                                    src="{{ url('/images/noimg.png') }}" 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="row">
            <div class="col-lg-8 col-md-8 col-12 mx-auto">
                <div class="box">
                    <div class="box-body">
                        <form action="{{ route('Seller.fileupload') }}" class="dropzone">
                            <div class="fallback">
                                <input name="file" type="file" multiple />
                            </div>

                        </form>
                    </div>
                    <div class="box-footer">
                        <button type="button" onclick="checkAddLimit()"
                            class="waves-effect waves-light btn btn-rounded btn-dark mb-5 padding-label-dashbord orang-bg"
                            style="width: 100%;">
                            <i class="ti-save-alt"></i> {{ translate('Save') }}
                        </button>
                    </div>
                </div>

            </div>
        </div>


    </section>

@endsection

@section('script')
    @if (Session::get('tenant_subscribtion_data')['sellers']['belongs_to_subscribtion'] == true && Session::get('tenant_controle_modules')['sellers'] == 1)
        <script type="text/javascript">
            function checkAddLimit() {
                if (("{{ Session::get('tenant_subscribtion_data')['sellers']['value'] }}" == 'limited' &&
                        {{ Session::get('tenant_subscribtion_data')['sellers']['quantity'] }} > {{ $sellerCount }}) ||
                    "{{ Session::get('tenant_subscribtion_data')['sellers']['value'] }}" == 'unlimt') {
                    $('#add_seller_form').submit();
                } else {
                    $('#UpgradLimitModelH41').text("{{ translate('You have exceeded the maximum number of add-ons') }} " +
                        {{ Session::get('tenant_subscribtion_data')['sellers']['quantity'] }} +
                        " {{ translate('of sellers') }}");
                    $('#UpgradLimitModelH42').text("{{ translate('Please Upgrade to add more.') }}");
                    $('#UpgradLimitModel').modal();
                }
            }
        </script>
    @else
        <script type="text/javascript">
            function checkAddLimit() {
                $('#UpgradLimitModelH41').text(" {{ translate('You need to upgrade to use this feature.') }}");
                $('#UpgradLimitModelH42').text("{{ translate('Please Upgrade to use this feature.') }}");
                $('#UpgradLimitModel').modal();
            }
        </script>
    @endif
    <script type="text/javascript">
        $('.select2').select2();
        Dropzone.autoDiscover = false;
        var myDropzone = new Dropzone(".dropzone", {
            init: function() {
                myDropzone = this;
            },
            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();
        $.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
                }));
            }

        });
        $('#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