@extends('layouts.app')

@section('page-css')

@endsection

@section('content')
    <div class="container-fluid d-block">
        <div id="batch-update-page-container" class="py-4">
            <div class="card">
                <div class="card-header">
                     {{ $page_title }}
                </div>
                @if($return == 1)
                    <div class="alert alert-{{ ($return_success == 1 ? 'success' : 'danger') }}">
                        {{ $return_message }}
                    </div>


                    @if($return_warning == 1)
                        <div class="alert alert-warning">
                            {{ $return_warning_data->warning_message }}
                            <ul>
                                @foreach($return_warning_data->errors as $key => $value)
                                    <li>
                                        {{$value->first_name}} {{$value->last_name}}:
                                    @foreach ($value->errors as $error)
                                    @php
                                    @endphp
                                    @foreach ($error as $message)
                                        {{$message}}
                                    @endforeach
                                    @endforeach
                                    </li>
                                @endforeach
                            </ul>
                        </div>
                    @endif
                @endif
                <div class="card-body">
                    <p>Upload Excel File</p>
                    <form action="{{ route('get-uploaded-file') }}" method="POST" enctype="multipart/form-data">
                        @csrf
                        <input type="hidden" name="upload-type" value="update">
                        <input id="file" name="file" type="file" onchange="usersPageFunctions.checkFileFormat('batch_update', 'file');">
                        <br>
                        <button class="btn btn-sm btn-primary">Import User Data</button>
                    </form>
                </div>
            </div>
        </div>

        @include('pages.includes.footer')
    </div>
@endsection

@section('page-js')
    <script type="text/javascript">
        $('#users').trigger('click');
        $('#batch-update-link').addClass('active');

        usersPageFunctions.initializeFileInputForUsers();
    </script>
@endsection