@extends('layouts.dashboard.app')

@section('content')

    <div class="content-wrapper">

        <section class="content-header">

            <h1>@lang('site.cashes')
{{--                <small>{{ $cashes->total() }}</small>--}}
                <small>{{ count($cashes) }}</small>
            </h1>

            <ol class="breadcrumb">
                <li><a href="{{ route('dashboard.welcome') }}"><i class="fa fa-dashboard"></i> @lang('site.dashboard')
                    </a></li>
                <li class="active">@lang('site.cashes')</li>
            </ol>
        </section>

        <section class="content">
            <div class="row">

                <div class="col-md-8">

                    <div class="box box-primary">

                        <div class="box-header with-border">

{{--                            <h3 class="box-title" style="margin-bottom: 15px">@lang('site.cashes')--}}
{{--                                <small>{{ $cashes->total() }}</small></h3>--}}

                            <form action="{{ route('dashboard.cashes.index') }}" method="get">

                                <div class="row">

                                    <div class="col-md-4">
                                        <input type="text" name="search" class="form-control"
                                               placeholder="@lang('site.search')"
                                               value="{{ request()->search }}">
                                    </div>

                                    <div class="col-md-4">
                                        <button type="submit" class="btn btn-primary"><i
                                                class="fa fa-search"></i> @lang('site.search')</button>
                                        @if (auth()->user()->hasPermission('create_cashs'))
                                            <a href="{{ route('dashboard.cashes.create') }}" class="btn btn-primary"><i
                                                    class="fa fa-plus"></i> @lang('site.add')</a>
                                        @else
                                            <a href="#" class="btn btn-primary disabled"><i
                                                    class="fa fa-plus"></i> @lang('site.add')</a>
                                        @endif
                                    </div>

                                </div>
                            </form><!-- end of form -->

                        </div><!-- end of box header -->

                        <div class="box-body">

                            @if (count($cashes) > 0)

                                <table class="table table-hover">

                                    <thead>
                                    <tr>
                                        <th>@lang('site.action')</th>
                                        <th>@lang('site.clientCCode')</th>
                                        <th>@lang('site.client_name')</th>
                                        <th>@lang('site.collector')</th>
                                        <th>@lang('site.payment')</th>
                                        <th>@lang('site.amount')</th>
                                        <th>@lang('site.status')</th>
{{--                                        <th>@lang('site.issue_date')</th>--}}
                                        <th>@lang('site.created_at')</th>
                                    </tr>
                                    </thead>

                                    <tbody>
                                    @foreach ($cashes as $index=>$cash)
                                        <tr>
                                            <td style="width: 13%;">
                                                {{--                                                <button class="badge btn btn-primary btn-xs order-products"--}}
                                                <button class="btn btn-primary cash-details"
                                                        data-url="{{ route('dashboard.cashes.details', $cash->id) }}"
                                                        data-method="get">
                                                    <i class="fa fa-list"></i>
                                                    @lang('site.show')
                                                </button>
                                                @if (auth()->user()->hasPermission('update_cashes'))
                                                    @if ((auth()->user()->hasRole('user') && !(in_array( $cash->status ,["review"]))) ||
                                                                    auth()->user()->hasRole('acc') && !(in_array( $cash->status ,["approved"])))
                                                    @else
                                                        <a href="{{ route('dashboard.clients.cashes.edit', ['client' => $cash->client->id, 'cash' => $cash->id]) }}"
                                                           class="btn btn-warning">
                                                            <i class="fa fa-pencil"></i>
                                                        </a>
                                                    @endif
                                                @endif
                                                @if (auth()->user()->hasPermission('delete_cashes'))
                                                    <form action="{{ route('dashboard.cashes.destroy', $cash->id) }}"
                                                          method="post" style="display: inline-block;">
                                                        {{ csrf_field() }}
                                                        {{ method_field('delete') }}
                                                        <button type="submit" class="btn btn-danger delete">
                                                            <i class="fa fa-trash"></i>
                                                        </button>
                                                    </form>
                                                @endif
                                            </td>
                                            <td>{{ $cash->client->cCode }}</td>
                                            <td style="width: 20%;">{{ $cash->client->name }}</td>
                                            <td>{{ $cash->user->name }}</td>
                                            <td>{{ $cash->payment->name }}</td>
                                            <td>{{ number_format($cash->amount, 2) }}</td>
                                            <td id="status-{{$cash->id}}">
                                                <span class='badge
                                                    @if ($cash->status == "new") box-solid
                                                    @elseif($cash->status == "review" || $cash->status == "accounts_review" || $cash->status == "preApproved") bg-red
                                                    @elseif($cash->status == "hold") bg-yellow
                                                    @elseif($cash->status == "approved") bg-blue
                                                    @elseif($cash->status == "finished") bg-green
                                                    @else bg-white
                                                    @endif
                                                    '> @lang('site.' . $cash->status)
                                                </span>
                                            </td>
{{--                                            <td>{{ $cash->issue_date }}</td>--}}
                                            <td>{{ $cash->created_at->toFormattedDateString() }}</td>
                                        </tr>
                                    @endforeach
                                    </tbody>
                                </table><!-- end of table -->
                                {{ $cashes->appends(request()->query())->links() }}
                            @else
                                <h2>@lang('site.no_data_found')</h2>
                            @endif

                        </div><!-- end of box body -->

                    </div><!-- end of box -->

                </div>

                <div class="col-md-4" id="display-cash-area">

                    <div class="box box-primary">

                        <div class="box-header">
                            <h3 class="box-title" style="margin-bottom: 10px">@lang('site.show') @lang('site.theCash')</h3>
                        </div><!-- end of box header -->
                        <div class="box-body">

                            <div style="display: none; flex-direction: column; align-items: center;" id="loading">
                                <div class="loader"></div>
                                <p style="margin-top: 10px">@lang('site.loading')</p>
                            </div>

                            <div id="cash-details-data">

                            </div><!-- end of cash details -->

                        </div><!-- end of box body -->

                    </div><!-- end of box -->

                </div><!-- end of col -->

            </div>
        </section><!-- end of content -->

    </div><!-- end of content wrapper -->


@endsection