@extends('layouts.main')

@section('content')
    <script src="assets/js/libs/jquery-3.1.1.min.js"></script>

    <div class="col-lg-12 layout-spacing">
        <div class="statbox widget box box-shadow">
            <div class="widget-header">
                <div class="row">
                    <div class="col-xl-12 col-md-12 col-sm-12 col-12 custom_add_button">
                        <h4>حساباتی بەڕێز {{ $customer->name }}</h4>
                        <div class="print_this print_left" data-id="{{ $id }}"><i class="las la-print"></i></div>
                    </div>
                </div> 
            </div> 
            <div class="widget-content widget-content-area">
 
                <Br><div class="acc_item acc_nili"><b>0</b> <span>کۆی گشتی حساب</span> <span> </span> </div> 
            </div> 
        </div>
    </div>

 
    <div class="col-12 layout-spacing">
        <form class="needs-validation"
            action=".{{ @$old->id ? '/customer/' . $id . '/view/' . $old->id . '/update' : '/customer/' . $id . '/view/store' }}"
            method="post" enctype="multipart/form-data">
            @csrf
            <div class="statbox widget box box-shadow">
                <div class="widget-header">
                    <div class="row">
                        <div class="col-12 custom_add_button">
                            <h4>{{ @$old ? 'دەستکاری کردنی حسابات' : 'حسابات' }}</h4>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-12 col-md-8">
                        <div class="widget-content widget-content-area">
                            <div class="row">
                                <div class="col-6  col-md-3">
                                    <div class="form-group">
                                        <label>جۆر </label>
                                        <select class="form-control" id="type" name="type" style="padding:5px">
                                            <option value="plus"
                                                {{ @$old ? ($old->type == 'plus' ? 'selected' : '') : '' }}>خستنە
                                                سەرحساب</option>
                                            <option value="mins"
                                                {{ @$old ? ($old->type == 'mins' ? 'selected' : '') : '' }}>پارەدان
                                            </option>
                                        </select>
                                    </div>
                                </div>
                                <div class="col-6  col-md-3">
                                    <div class="form-group">
                                        <label>بڕی پارە </label>
                                        <input type="number" class="form-control" name="amount" id="amount"
                                            value="{{ @$old ? $old->amount : '' }}" style="direction:ltr" required>
                                    </div>
                                </div>
                            </div>


                            <div class="row">
                                <div class="col-12 col-md-6">
                                    <div class="form-group">
                                        <label>تێبینی </label>
                                        <input type="text" class="form-control" id="note" name="note"
                                            value="{{ @$old ? $old->note : '' }}">
                                    </div>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-6  col-md-3">
                                    <div class="form-group">
                                        <label>کارمەند </label>
                                        <select class="form-control" name="admin_id" id="admin_id" style="padding:5px">
                                            @foreach ($users as $u)
                                                <option value="{{ $u->id }}"
                                                    {{ @$old && $u->id == $old->admin_id ? 'selected' : ($u->id == $user->id ? 'selected' : '') }}>
                                                    {{ $u->name }}</option>
                                            @endforeach
                                        </select>
                                    </div>
                                </div>
                                <div  class="col-6  col-md-3" id="bottom">
                                    <label>&nbsp; </label>

                                    <button type="submit" class="form-control btn btn-primary mr-2"> پاشەکەوتکردن</button>

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

                </div>

            </div>
        </form>
    </div>
    <script>
        $(document).ready(function() {

            $(".print_one").click(function() {

                var id = $(this).data('id');

                $.ajax({
                    headers: {
                        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                    },
                    url: "./customer/feed",
                    type: "POST",
                    data: {
                        type: 'print_one',
                        id: id
                    },
                    async: false,
                    success: function(response, textStatus, jqXHR) {
                        console.log(response);
                        setTimeout(function() {
                            var printWin = window.open('', '',
                                'left=240px,top=50px,width=750,height=600,toolbar=0,scrollbars=0,status  =0'
                                );
                            printWin.document.open();
                            printWin.document.write(
                                '<html dri="rtl"><head> </head><body>' + response +
                                '<script type="text/javascript">setTimeout(function(){printss()},1000);  function printss(){window.focus();window.print(); setTimeout(function() {window.close(); }, 10)}<\/script> </body></html>'
                                );
                            printWin.document.close();
                        }, 200);
                    },
                    error: function(jqXHR, textStatus, errorThrown) {
                        console.log(errorThrown);
                    }
                });
            });

            $(".print_this").click(function() {

                var id = $(this).data('id');

                $.ajax({
                    headers: {
                        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                    },
                    url: "./customer/feed",
                    type: "POST",
                    data: {
                        type: 'print_all',
                        id: id
                    },
                    async: false,
                    success: function(response, textStatus, jqXHR) {
                        console.log(response);
                        setTimeout(function() {
                            var printWin = window.open('', '',
                                'left=240px,top=50px,width=750,height=600,toolbar=0,scrollbars=0,status  =0'
                                );
                            printWin.document.open();
                            printWin.document.write(
                                '<html dri="rtl"><head> </head><body>' + response +
                                '<script type="text/javascript">setTimeout(function(){printss()},1000);  function printss(){window.focus();window.print(); setTimeout(function() {window.close(); }, 10)}<\/script> </body></html>'
                                );
                            printWin.document.close();
                        }, 200);
                    },
                    error: function(jqXHR, textStatus, errorThrown) {
                        console.log(errorThrown);
                    }
                });
            });

            $('#confirm-delete').on('show.bs.modal', function(e) {
                $(this).find('.btn-ok').attr('href', $(e.relatedTarget).data('href'));
            });
            $('#confirm-restore').on('show.bs.modal', function(e) {
                $(this).find('.btn-ok').attr('href', $(e.relatedTarget).data('href'));
            });
        });
    </script>

    <div class="modal fade" id="confirm-delete" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"
        aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    سڕینەوە
                </div>
                <div class="modal-body">
                    ئایا ڕازیت ئەم حسابە بسڕیتەوە؟
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">نەخێر</button>
                    <a class="btn btn-danger btn-ok">بەڵێ</a>
                </div>
            </div>
        </div>
    </div>
    <div class="modal fade" id="confirm-restore" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"
        aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    گەڕانەوە
                </div>
                <div class="modal-body">
                    ئایا ڕازیت ئەم حسابە بگەڕێنیتەوە؟
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">نەخێر</button>
                    <a class="btn btn-success btn-ok">بەڵێ </a>
                </div>
            </div>
        </div>
    </div>
@endsection