@extends('layout.default')

@section('styles')
    <style type="text/css">
        table .select2-selection__rendered {
            line-height: 10px !important;
        }

        table .select2-container .select2-selection--single {
            height: 34px !important;
        }

        table .select2-selection__arrow {
            height: 33px !important;
        }

        .btn-group > .select2-container--default {
            width: auto !important;
            flex: 1 1 auto !important;
        }

        .btn-group > .select2-container--default .select2-selection--single {
            height: 100% !important;
            border-radius: 0.42rem 0 0 0.42rem !important;
            line-height: inherit !important;
        }
        * { font-size: 12px;font-family: DejaVu Sans, sans-serif;}
    </style>
@endsection

@section('content')
    <div class="card card-custom card-sticky" id="kt_page_sticky_card">
        <div class="card-header">
            <div class="card-title">
                <h3 class="card-label">Material Receipt Document
                    <i class="mr-2"></i>
                </h3>
            </div>
            <div class="card-toolbar">
                    <a href="{{ route('materialreceipt.index') }}"
                       class="btn btn-light-primary font-weight-bolder mr-2">
                        <i class="ki ki-long-arrow-back icon-sm"></i>Back(ESC)</a>
            </div>
        </div>
        <div class="card-body" id="load-section-js">
            <div class="row">
                {{-- Preview upload_proof --}}
                @if(!empty($materialreceipt->upload_proof()))

                    @foreach($materialreceipt->upload_proof() as $document)
                        <div class="col-lg-4">
                            <div>
                                <div class="file-preview file-preview-multi">
                                    <div class="file-preview-items">
                                        <div class="file-preview-item dz-processing dz-image-preview dz-error dz-complete"
                                             style="">
                                            <div class="file-preview-file">
                                                <div class="file-preview-filename"
                                                     title="{{ $document['name'] }}">
                                                    <span data-dz-name="">{{ $document['name'] }}</span>
                                                    <strong>
                                                        (
                                                        <span data-dz-size="">{{ formatBytes($document['size']) }}</span>)
                                                    </strong>
                                                </div>
                                                <div class="file-preview-error" style="color: #6c757d"
                                                     data-dz-errormessage="">
                                                    Preview this file Click&nbsp;
                                                    <a href="{{ $document['file'] }}"
                                                       target="_blank">
                                                        here.
                                                    </a>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <span class="form-text text-muted">Max file size is 1MB and max number of files is 5.</span>
                            </div>
                        </div>
                    @endforeach
                @endif
                {{-- End/ --}}
            </div>
        </div>
    </div>
@endsection

@section('scripts')
    <script type="text/javascript" src="{{ asset('js/modules/materialreceipt/show.js?v='.time()) }}"></script>
@endsection