@extends('layouts.application')
@section('title','პროდუქცია')
@section('content')
    <div class="row">
        <div class="col-12">
            <div class="card">

                <div class="card-header">
                    @if ($message = Session::get('success'))
                        <div class="alert alert-success alert-block">
                            <button type="button" class="close" data-dismiss="alert">×</button>
                            <strong>{{ $message }}</strong>
                        </div>
                    @endif
                    <button type="submit" onclick="addTask()" class="btn light btn-primary mb-2"><i
                            class="fa fa-plus mr-2" aria-hidden="true"></i>დამატება
                    </button>
                        <a class="btn light btn-primary mb-2" href="javascript:void(0)"
                           onclick="importExcel()"
                           style="padding: 0.5rem 1rem 0.5rem 1rem;">Excel-ის იმპორტი</a>
                </div>
                <div class="card-body">
                    <div class="table-responsive">
                        <table id="products_table" class="display table table-striped table-bordered">
                            <thead>
                            <tr>
                                <th>ID</th>
                                <th>პროდუქციის კატეგორია</th>
                                <th>დასახელება</th>
                                <th>ნაშთი</th>
                                <th>მოქმედება</th>
                            </tr>
                            </thead>
                            <tbody>

                            </tbody>
                            <tfoot>
                            <tr>
                                <th>ID</th>
                                <th>პროდუქციის კატეგორია</th>
                                <th>დასახელება</th>
                                <th>ნაშთი</th>
                                <th>მოქმედება</th>
                            </tr>
                            </tfoot>
                        </table>
                    </div>
                </div>
            </div>
        </div>

    </div>
    <div class="modal fade" id="modal_form" tabindex="-1" role="dialog" aria-labelledby="exampleStandardModalLabel"
         aria-hidden="true">
        <div class="modal-dialog modal-lg" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="modal_title"></h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body">
                    <form action="javascript:void(0)" id="task_form">
                        @csrf
                        <div class="form-row">
                            <div class="form-group col-md-6">
                                <label for="brand_id">კატეგორია</label>
                                <select class="form-control selectpicker brand_id" name="brand_id" id="brand_id"
                                        data-live-search="true">
                                    <option selected disabled>აირჩიეთ</option>
                                    @foreach($brands as $brand)
                                        <option value="{{ $brand->id }}">{{ $brand->title }}</option>
                                    @endforeach
                                </select>
                                <span class="text-danger error-text errors brand_id_err"></span>
                            </div>

                            <div class="form-group col-md-6">
                                <label for="title">დასახელება</label>
                                <input type="text" class="form-control input-rounded" name="title" id="title"
                                       placeholder="დასახელება">
                                <span class="text-danger error-text errors title_err"></span>
                            </div>

                            <div class="form-group col-md-12">
                                <label for="quantity">რაოდენობა</label>
                                <input type="text" class="form-control input-rounded" name="quantity" id="quantity"
                                       placeholder="რაოდენობა">
                                <span class="text-danger error-text errors quantity_err"></span>
                            </div>

                        </div>

                </div>
                <div class="modal-footer">
                    <button type="submit" onclick="save()" class="btn btn-primary" id="btnSave"><i
                            class="fa fa-floppy-o mr-2" aria-hidden="true"></i>შენახვა
                    </button>
                    <button type="button" class="btn btn-danger" data-dismiss="modal"><i class="fa fa-times mr-2"
                                                                                         aria-hidden="true"></i>დახურვა
                    </button>
                </div>
                </form>
            </div>
        </div>
    </div>

    <div class="modal fade" id="update_supplement_quantity">
        <div class="modal-dialog modal-lg">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="update_quantity_modal_title"></h5>
                    <button type="button" class="close" data-dismiss="modal">
                        <i class="anticon anticon-close"></i>
                    </button>
                </div>
                <div class="modal-body">
                    <form id="stock_leave_product_quantity_form" method="POST" action="javascript:void(0)">
                        @csrf
                        <input type="hidden" name="update_item_id" id="update_item_id">
                        <input type="hidden" name="update_type" id="update_type">
                        <div class="row" style="display: none" id="full_name_info">
                            <div class="col">
                                <label for="supplement_update_quantity">თანამშრომელი (ვისზეც იწერება მიღება-ჩაბარება)</label>
                                <input type="text" id="supplement_update_quantity" name="full_name" class="form-control input-rounded"
                                       placeholder="თანამშრომელი (ვისზეც იწერება მიღება-ჩაბარება)">
                            </div>
                        </div>
                        <div class="row">
                            <div class="col">
                                <label for="supplement_update_quantity">რაოდენობა</label>
                                <input type="number" id="supplement_update_quantity" name="quantity"required class="form-control input-rounded"
                                       placeholder="რაოდენობა">
                            </div>
                        </div>

                        <div class="row">
                            <div class="col">
                                <label for="comment">კომენტარი</label>
                                <input type="text" id="comment" name="comment" class="form-control input-rounded"

                                       placeholder="კომენტარი">
                            </div>
                        </div>

                </div>
                <div class="modal-footer">
                    <button type="submit" class="btn btn-primary btnSave" onclick="save()">შენახვა
                    </button>
                    <button type="button" class="btn btn-danger" data-dismiss="modal"><i class="fa fa-times mr-2"
                                                                                         aria-hidden="true"></i>დახურვა
                    </button>
                </div>
                </form>
            </div>
        </div>
    </div>


    <div class="modal fade" id="import_modal_form" tabindex="-1" role="dialog" aria-labelledby="exampleStandardModalLabel"
         aria-hidden="true">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="import_modal_title"></h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body">
                    <form action="javascript:void(0)" id="upload_form">
                        @csrf
                        


                        <label>ფაილი</label>
                        <div class="custom-file mb-3">
                            <input type="file" name="excel_file" class="custom-file-input form-control input-rounded" id="excel_file">
                            <label class="custom-file-label" for="customFile">Excel-ის ფაილი</label>
                        </div>
                </div>
                <div class="modal-footer">
                    <button type="submit" class="btn btn-primary" id="upload"><i class="fa fa-cloud-upload mr-2" aria-hidden="true"></i>ატვირთვა</button>
                    <button type="button" class="btn btn-danger" data-dismiss="modal"><i class="fa fa-times mr-2" aria-hidden="true"></i>დახურვა</button>
                </div>
                </form>
            </div>
        </div>
    </div>

@endsection
@push('js')
    <script>
        function importExcel() {
            $('#upload_form')[0].reset(); // reset form on modals
            $('.form-group').removeClass('has-error'); // clear error class
            $('.help-block').empty(); // clear error string
            $('#import_modal_form').modal('show'); // show bootstrap modal when complete loaded
            $('#import_modal_title').text(`პროდუქციის იმპორტი`);
        }

        $('#upload_form').on('submit', function(e){
            var input, file;
            input = document.getElementById('excel_file');
            file = input.files[0];
            e.preventDefault();
            if(input.value == ''){
                Swal.fire('შეცდომა!','გთხოვთ აირჩიოთ ფაილი','warning');
                return
            }
            let exts = ["csv","xlsx"];
            let ext = input.files[0].name.split('.').pop().toLowerCase();
            if (!(exts.indexOf(ext)>=0)) {
                Swal.fire("მოქმედება არ შესრულდა!", `არათავსებადი ${ext} ტიპის ფაილი`, "warning");
            } else if(file.size >= 5 * 1024 * 1024){
                Swal.fire('ფაილი ვერ აიტვირთა','მაქსიმალური ფაილის ზომაა 5 MB','warning')
            }else{
                $('#upload').html('<i class="fa fa-spinner fa-spin mr-1"></i>დაელოდეთ...');
                $('#upload').attr('disabled',true);
                $.ajax({
                    url:"{{ route('products.import') }}",
                    method:"POST",
                    data:new FormData(this),
                    dataType: "JSON",
                    contentType: false,
                    cache: false,
                    processData:false,
                    success:function(data){
                        reload();
                        if (data.status == 1) {
                            $('#import_modal_form').modal('hide');
                            Swal.fire('ფაილი აიტვირთა','თქვენი ფაილი წარმატებით აიტვირთა','success')
                        }else if (data.status == 0){
                            Swal.fire('ფაილი ვერ აიტვირთა','გადაამოწმეთ ფაილის სიზუსტე','error')
                        }
                        $('#upload').html('<i class="fa fa-floppy-o mr-1" aria-hidden="true"></i>ატვირთვა');
                        $('#upload').attr('disabled',false);
                    },
                    error: function (jqXHR, textStatus, errorThrown) {
                        Swal.fire('ფაილი ვერ აიტვირთა','სცადეთ თავიდან','error')
                        $('#upload').html('<i class="fa fa-floppy-o mr-1" aria-hidden="true"></i>ატვირთვა');
                        $('#upload').attr('disabled',false);
                    }
                });
            }

        });
    </script>

    <script>
        let table;
        let save_method;
        $(document).ready(function () {

            table = $('#products_table').DataTable({
                order: [ [0, 'desc'] ],
                processing: true,
                serverSide: true,
                ajax: {
                    url: "{{ route('products.ajax') }}",
                    type: 'POST',
                    data: {
                        _token: '{{ csrf_token() }}'
                    }
                },
                columns: [
                    {data: 'DT_RowIndex', name: 'DT_RowIndex'},
                    {data: 'brand_title', name: 'brand_title'},
                    {data: 'title', name: 'title'},
                    {data: 'quantity', name: 'quantity'},
                    {data: 'action', name: 'action'}
                ]
            });

            $('#brand_id').on('change', function () {
                let select = $('#brand_id').val();
                $.ajax({
                    type: 'POST',
                    url: "{{ route('products.search.brand.model') }}",
                    data: {
                        _token: "{{ csrf_token() }}",
                        'select': select
                    },
                    success: function (data) {
                        $('.selectpicker').selectpicker('refresh');
                        let html, model;
                        html += '<option value="">აირჩიეთ</option>'
                        for (let i = 0; i < data.length; i++) {
                            model = data[i];
                            html += '<option value="' + model.id + '">' + model.title + '</option>'
                        }
                        $('#model_id').html(html);
                        $('.selectpicker').selectpicker('refresh');
                    }

                }).fail(function () {
                    console.log('something wrong at = route|profile.fetch');
                });

            });
        });

        function reload() {
            console.log('sddf')
            table.ajax.reload();
        }

        function addTask() {
            save_method = 'add';
            $('#task_form')[0].reset(); // reset form on modals
            $('.form-group').removeClass('has-error'); // clear error class
            $('.help-block').empty(); // clear error string
            $('#modal_form').modal('show'); // show bootstrap modal when complete loaded
            $('#modal_title').text(`დავალების დამატება`);
        }

        function updateProductQuantity(id,type) {
            save_method = 'update_quantity';
            $('#stock_leave_product_quantity_form')[0].reset(); // reset form on modals
            // $('.form-group').removeClass('has-error'); // clear error class
            // $('.help-block').empty(); // clear error string
            //Ajax Load data from ajax
            let title = '';
            if(type === 1){
                title = 'პროდუქციის გასვლა საწყობიდან';
                $('#full_name_info').show();
            }else{
                title = 'პროდუქციის მიღება საწყობში';
                $('#full_name_info').hide();
            }
            $.ajax({
                url: "{{ route('products.get.product') }}",
                type: "POST",
                data:{
                    '_token': '{{ csrf_token() }}',
                    'id': id
                },
                dataType: "JSON",
                success: function (data) {
                    $('#update_item_id').val(data.id);
                    $('#update_type').val(type);
                    $('#update_supplement_quantity').modal('show'); // show bootstrap modal when complete loaded
                    $('#update_quantity_modal_title').text(title);
                },
                error: function (jqXHR, textStatus, errorThrown) {
                    alert('Error get data from ajax');
                }
            });
        }

        function editTask(id) {
            save_method = 'update';
            $('#task_form')[0].reset(); // reset form on modals
            $('.form-group').removeClass('has-error'); // clear error class
            $('.help-block').empty(); // clear error string
            $.ajax({
                url: "{{ url('/tasks/get_task') }}/" + id,
                type: "GET",
                dataType: "JSON",
                success: function (data) {
                    $('#task_id').val(data.id);
                    let arr = [];
                    for (let i = 0;i < data.participants.length;i++){
                        arr.push(data.participants[i].id)
                    }
                    $('#assigned_to').selectpicker('val', arr);
                    $('#task_name').val(data.task_name)
                    CKEDITOR.instances['text'].setData(data.task_description);
                    // $('#task_description').val(data.task_description)
                    $('#location_id').val(data.location_id)
                    $('#task_start').val(data.task_start)
                    $('#task_end').val(data.task_end)
                    $('.selectpicker').selectpicker("refresh");
                    $('#modal_form').modal('show'); // show bootstrap modal when complete loaded
                    $('#modal_title').text(`დავალების რედაქტირება - ${data.task_name}`);
                },
                error: function (jqXHR, textStatus, errorThrown) {
                    alert('Error get data from ajax');
                }
            });
        }

        function save() {
            let url, formSerialize;
            if (save_method === 'add') {
                url = '{{ route('products.store') }}'
                formSerialize = $('#task_form').serialize();
            } else if (save_method === 'update_quantity') {
                url = '{{ route('products.update.quantity') }}'
                formSerialize = $('#stock_leave_product_quantity_form').serialize()
            }
            $('#btnSave').html('<i class="fa fa-spinner fa-spin mr-1"></i>დაელოდეთ...');
            $('#btnSave').attr('disabled', true);
            $.ajax({
                url: url,
                type: "POST",
                data: formSerialize,
                dataType: "JSON",
                success: function (data) {
                    if (data.status == 1) {
                        $('#modal_form').modal('hide');
                        $('#update_supplement_quantity').modal('hide');
                        Swal.fire('წარმატებული!', 'ინფორმაცია წარმატებით შეინახა!', 'success')
                        reload();
                    } else if (data.status == 2) {
                        Swal.fire('შეცდომა!', 'რაოდენობა ამოწურულია', 'error');
                    } else if (data.status == 3) {
                        Swal.fire('გასვლა ვერ მოხერხდა!', `მარაგშია: ${data.quantity}`, 'warning');
                    } else {
                        Swal.fire('შეცდომა!', '', 'error');
                    }
                    $('#btnSave').html('<i class="fa fa-floppy-o mr-1" aria-hidden="true"></i>შენახვა');
                    $('#btnSave').attr('disabled', false); //set button enable
                    //console.log('sssss');
                },
                error: function (xhr, ajaxOptions, thrownError) {
                    if (xhr.status == 422) { // when status code is 422, it's a validation issue
                        $('.errors').html('');
                        $.each(xhr.responseJSON.errors, function (i, error) {
                            $('.'+i+'_err').html(error);
                        });
                    }
                    $('#btnSave').html('შენახვა');
                    $('#btnSave').attr('disabled', false); //set button enable
                }
            });
        }

        function deleteCompany(id) {
            Swal.fire({
                title: 'ნამდვილად გსურთ კომპანიის წაშლა?',
                text: "",
                icon: 'question',
                showCancelButton: true,
                confirmButtonColor: '#3085d6',
                cancelButtonColor: '#d33',
                confirmButtonText: 'დიახ!',
                cancelButtonText: 'არა!',
                preConfirm: function () {
                    return new Promise(function (resolve) {
                        $('.swal2-confirm').html('<i class="fa fa-spinner fa-spin mr-1"></i>');
                        $.ajax({
                            url: "{{ url('/companies/delete') }}",
                            type: "POST",
                            dataType: "JSON",
                            data: {
                                '_token': '{{ csrf_token() }}',
                                'id': id
                            },
                        })
                            .done(function (response) {
                                if (response.status === 1) {
                                    reload()
                                    Swal.fire('წარმატებული!', 'კომპანია წარმატებით წაიშალა', 'success');
                                } else {
                                    Swal.fire('Error!', 'Please try again', 'error');
                                }
                            })
                            .fail(function () {
                                Swal.fire('Oops...', 'Please try again!', 'error');
                            });
                    });
                },
                allowOutsideClick: true
            });
        }
    </script>

@endpush