@extends('admin._layouts.master')

@section('css')

    {!! HTML::style('/assets/common/bootstrap-datetimepicker/bootstrap-datetimepicker.min.css') !!}

@endsection

@section('content')

    <div class="row">
        <div class="col-md-6 col-sm-12">
            <div class="info-box">
                <span class="info-box-icon bg-yellow"><i class="fa fa-balance-scale"></i></span>

                <div class="info-box-content">
                    <span class="info-box-text">@transUc('models.generic.balance')</span>
                    <span class="info-box-number">@currencySymbol {{ formatCurrency($customer->companyAccountBalance) }}</span>
                </div>
            </div>
        </div>
    </div>

    <div class="box">
        <div class="box-header">
            <h3 class="box-title">Cari <a href="{{ mRoute('edit',  $customer->id) }}">{{ $customer->fullname }}</a> hareketleri</h3>
            <div class="pull-right box-tools">
                <span id="checkout-btn" class="btn btn-slim btn-success"><i class="fa fa-plus"></i>&nbsp; @transUc('ui.index.create_transaction')</span>
            </div>
        </div>
        <div class="box-body no-padding">
            <table class="table table-striped">
                <thead>
                <tr>
                    <th>@transUc('models.transaction.date')</th>
                    <th>@transUc('models.transaction.change')</th>
                    <th>@transUc('models.generic.payment_type')</th>
                    <th>@transUc('models.transaction.description')</th>
                </tr>
                </thead>
                <tbody>
                @foreach($transactions as $transaction)
                    <tr data-id="{{ $transaction->id }}">
                        <td>{{ $transaction->paid_at->format(DATETIME_FORMAT) }}</td>
                        <td>@currencySymbol {{ $transaction->amount }}</td>
                        <td>
                            {{ PAYMENT_TYPE[$transaction->payment_type] }}
                            {{ $transaction->payment_type }}
                            @trans('generic.financial.payment_types.' . PAYMENT_TYPE[$transaction->payment_type])</td>
                        <td>{{ nl2brwsp($transaction->description) }}</td>
                    </tr>
                @endforeach
                </tbody>
            </table>
        </div>
    </div>

    <div class="no-print">
        {!! $transactions->render() !!}
    </div>

    @include('admin.sales.customers._partials.checkout-modal')

@endsection

@push('scripts')

    {!! HTML::script('/assets/common/bootstrap-datetimepicker/moment-with-locales.min.js') !!}
    {!! HTML::script('/assets/common/bootstrap-datetimepicker/bootstrap-datetimepicker.min.js') !!}

    <script>
        $(function () {
            var $checkoutModal = $('#checkout-modal')

            $('#checkout-btn').click(function () {
                $checkoutModal.modal()
            })
            $('#paid-at').datetimepicker({
                locale     : moment.locale(window.userLocale),
                format     : 'DD.MM.YYYY HH:mm',
                sideBySide : true,
                defaultDate: '{{ Carbon\Carbon::now() }}',
            })

        })
    </script>

@endpush