@extends('voyager::master')

@section('page_title', __('voyager::generic.view').' '.$dataType->getTranslatedAttribute('display_name_singular'))

@section('page_header')
    <div class="container-fluid page-title-container">
    <h1 class="page-title">
        <i class="{{ $dataType->icon }}"></i> {{ __('voyager::generic.viewing') }} {{ ucfirst($dataType->getTranslatedAttribute('display_name_singular')) }} &nbsp;      </h1>
    <div class="btn-container">
        @can('edit', $dataTypeContent)
            <a href="{{ route('voyager.'.$dataType->slug.'.edit', $dataTypeContent->getKey()) }}" class="btn btn-info">
                <i class="glyphicon glyphicon-pencil"></i> <span class="hidden-xs hidden-sm">{{ __('voyager::generic.edit') }}</span>
            </a>
        @endcan
        @can('delete', $dataTypeContent)
            @if($isSoftDeleted)
                <a href="{{ route('voyager.'.$dataType->slug.'.restore', $dataTypeContent->getKey()) }}" title="{{ __('voyager::generic.restore') }}" class="btn btn-default restore" data-id="{{ $dataTypeContent->getKey() }}" id="restore-{{ $dataTypeContent->getKey() }}">
                    <i class="voyager-trash"></i> <span class="hidden-xs hidden-sm">{{ __('voyager::generic.restore') }}</span>
                </a>
            @else
                <a href="javascript:;" title="{{ __('voyager::generic.delete') }}" class="btn btn-danger delete" data-id="{{ $dataTypeContent->getKey() }}" id="delete-{{ $dataTypeContent->getKey() }}">
                    <i class="voyager-trash"></i> <span class="hidden-xs hidden-sm">{{ __('voyager::generic.delete') }}</span>
                </a>
            @endif
        @endcan
        @can('browse', $dataTypeContent)
            <a href="{{ route('voyager.'.$dataType->slug.'.index') }}" class="btn btn-warning">
                <i class="glyphicon glyphicon-list"></i> <span class="hidden-xs hidden-sm">{{ __('voyager::generic.return_to_list') }}</span>
            </a>
        @endcan


    @include('voyager::multilingual.language-selector')
</div></div>
@stop

@section('content')
    <div class="page-content read container-fluid">
        <div class="row">
            <div class="col-12">
                <div style="text-align: center; padding: 10px; font-size: 15px; font-weight: bold;">
                    <span>{{ __('messages.admin.product_lock_contents', [
                            'user' => $dataTypeContent->user->name,
                            'product' => $products[$dataTypeContent->product_id]['title'],
                            'day' => \App\Helpers\DateHelper::getDayNameOfWeek(explode(' ', $dataTypeContent->created_at)[0]),
                            'date' => str_replace('-', '/', explode(' ', $dataTypeContent->created_at)[0])
                            ]) }}</span>
                </div>
            </div>
            <div class="row">
                @php
                    $supervisors = $dataTypeContent->supervisors;
                @endphp
                @for($i = 0; $i < $supervisors->count(); $i++)
                    @if(($i % 3) == 0)
                        <div class="col-3 mt-2">
                            <table class="table table-bordered" style="border-left: 1px #e4eaec inset; border-bottom: 1px #e4eaec inset; background-color: #ccc; color: #000;">
                                <tr>
                                    <td>{{ __('messages.admin.details') }}</td>
                                </tr>
                                <tr>
                                    <td>{{ __('messages.admin.conclusion') }}</td>
                                </tr>
                                <tr>
                                    <td>{{ __('messages.admin.opening') }}</td>
                                </tr>
                                <tr>
                                    <td>{{ __('messages.admin.total') }}</td>
                                </tr>
                            </table>
                        </div>
                    @endif
                        <div class="col-3 mt-2">
                            <table class="table table-bordered" style="border-left: 1px #e4eaec inset; border-bottom: 1px #e4eaec inset;">
                                <tr style="background-color: #ccc; color: #000;">
                                    <td>{{ $supervisors[$i]->detailSupervisor->name }}</td>
                                </tr>
                                <tr>
                                    <td>{{ $supervisors[$i]->last_number }}</td>
                                </tr>
                                <tr>
                                    <td>{{ $supervisors[$i]->first_number }}</td>
                                </tr>
                                <tr>
                                    <td>{{ $supervisors[$i]->last_number - $supervisors[$i]->first_number }}</td>
                                </tr>
                            </table>
                        </div>
                @endfor
                <table class="table table-bordered col-12 mt-3">
                    <thead>
                        <th>{{ __('messages.admin.details') }}</th>
                        <th></th>
                        <th>{{ __('messages.admin.expenses') }}</th>
                        <th>{{ __('messages.admin.total_sum') }}</th>
                    </thead>
                    <tbody>
                        <tr>
                            <td style="background-color: #ccc; color: #000;">{{ __('messages.admin.general_equipment') }}</td>
                            <td>{{ $dataTypeContent->total_liters }}</td>
                            <td></td>
                            <td></td>
                        </tr>
                        <tr>
                            <td style="background-color: #ccc; color: #000;">{{ __('messages.admin.read_computing') }}</td>
                            <td>{{ $dataTypeContent->sales_calculator }}</td>
                            <td>-</td>
                            <td>-</td>
                        </tr>
                        <tr>
                            <td style="background-color: #ccc; color: #000;">{{ __('messages.admin.equipment') }}</td>
                            <td>{{ $dataTypeContent->atabe_liters }}</td>
                            <td></td>
                            <td></td>
                        </tr>
                        <tr>
                            <td style="background-color: #ccc; color: #000;">{{ __('messages.admin.commerical_equipment') }}</td>
                            <td>{{ $dataTypeContent->commercial_fuel_liters }}</td>
                            <td></td>
                            <td></td>
                        </tr>
                        <tr>
                            <td style="background-color: #ccc; color: #000;">{{ __('messages.admin.remaining_amount') }}</td>
                            <td>{{ $dataTypeContent->motebaghie_liters }}</td>
                            <td></td>
                            <td></td>
                        </tr>
                        <tr>
                            <td style="background-color: #ccc; color: #000;">{{ __('messages.admin.total_amount') }}</td>
                            <td>{{ number_format($dataTypeContent->total_price) }}</td>
                            <td></td>
                            <td></td>
                        </tr>
                        <tr>
                            <td style="background-color: #ccc; color: #000;">{{ __('messages.admin.receipt_deposit') }}</td>
                            <td>{{ number_format($dataTypeContent->money->sum('amount')) }}</td>
                            <td></td>
                            <td></td>
                        </tr>
                        <tr>
                            <td style="background-color: #ccc; color: #000;">{{ __('messages.admin.remaining_amount_price') }}</td>
                            <td>{{ number_format($dataTypeContent->total_price - $dataTypeContent->money->sum('amount')) }}</td>
                            <td></td>
                            <td></td>
                        </tr>
                    </tbody>
                </table>
            </div>
        </div>
    </div>

    {{-- Single delete modal --}}
    <div class="modal modal-danger fade" tabindex="-1" id="delete_modal" role="dialog">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" data-bs-dismiss="modal" aria-label="{{ __('voyager::generic.close') }}"><span aria-hidden="true">&times;</span></button>
                    <h4 class="modal-title"><i class="voyager-trash"></i> {{ __('voyager::generic.delete_question') }} {{ strtolower($dataType->getTranslatedAttribute('display_name_singular')) }}?</h4>
                </div>
                <div class="modal-footer">
                    <form action="{{ route('voyager.'.$dataType->slug.'.index') }}" id="delete_form" method="POST">
                        {{ method_field('DELETE') }}
                        {{ csrf_field() }}
                        <input type="submit" class="btn btn-danger pull-right delete-confirm"
                               value="{{ __('voyager::generic.delete_confirm') }} {{ strtolower($dataType->getTranslatedAttribute('display_name_singular')) }}">
                    </form>
                    <button type="button" class="btn btn-default pull-right" data-dismiss="modal" data-bs-dismiss="modal">{{ __('voyager::generic.cancel') }}</button>
                </div>
            </div><!-- /.modal-content -->
        </div><!-- /.modal-dialog -->
    </div><!-- /.modal -->
@stop

@section('javascript')
    @if ($isModelTranslatable)
        <script>
            $(document).ready(function () {
                $('.side-body').multilingual();
            });
        </script>
    @endif
    <script>
        var deleteFormAction;
        $('.delete').on('click', function (e) {
            var form = $('#delete_form')[0];

            if (!deleteFormAction) {
                // Save form action initial value
                deleteFormAction = form.action;
            }

            form.action = deleteFormAction.match(/\/[0-9]+$/)
                ? deleteFormAction.replace(/([0-9]+$)/, $(this).data('id'))
                : deleteFormAction + '/' + $(this).data('id');

            $('#delete_modal').modal('show');
        });

    </script>
@stop