@extends('layout.layout')
@section('content')
<div id="allocationModule" class="container-fluid" data-authority="{{ session('authority_level') }}">
    
    @if(auth()->check() && session('authority_level') == 1)
        <div class="card mb-4">
            <div class="card-header py-2 font-weight-bold text-sm">
                <i class="fas fa-upload "></i> &nbsp; Upload Excel File
            </div>
            <div class="card-body">
                <input type="file" id="fileInput" accept=".xlsx,.xls,.csv" class="form-control" />        
                <small class="text-muted d-block mt-2">
                    <i class="fas fa-info-circle"></i> &nbsp; Upload an allocation list in a form of excel file.
                </small>
            </div>
        </div>

        @endif
        
        <div id="filePreviewContainer"></div>
        

        </div>

</div>

@push('scripts')
    <script src="https://cdn.jsdelivr.net/npm/xlsx/dist/xlsx.full.min.js"></script>
    <script type="module" src="{{ asset('assets/js/allocation-two/allocation-two.js') }}"></script>
@endpush

@endsection