@extends('admin/layout')
@section('page_title','Import Users')
@section('file-import_select','active')
@section('container')

    <div class="container">
        @if (!empty($updateMessages))
            <div class="alert alert-success">
                <ul>
                    @foreach ($updateMessages as $message)
                        <li>{{ $message }}</li>
                    @endforeach
                </ul>
            </div>
        @endif

        @if (!empty($insertedMessages))
            <div class="alert alert-info">
                <ul>
                    @foreach ($insertedMessages as $message)
                        <li>{{ $message }}</li>
                    @endforeach
                </ul>
            </div>
        @endif

        @if (!empty($notUpdatedMessages))
            <div class="alert alert-danger">
                <ul>
                    @foreach ($notUpdatedMessages as $message)
                        <li>{{ $message }}</li>
                    @endforeach
                </ul>
            </div>
        @endif

        @if (!empty($updatedMsg))
            <div class="alert alert-warning">
                <ul>
                    @foreach ($updatedMsg as $message)
                        <li>{{ $message }}</li>
                    @endforeach
                </ul>
            </div>
        @endif

        <div class="card bg-light mt-3">
            <div class="card-header">
                Import and Export Excel users data
            </div>
            <div id="fileerror"></div>
            <div class="card-body">
                <form action="{{route('import')}}" method="POST" enctype="multipart/form-data" onsubmit="return validateForm()">
                    @csrf
                    <input type="file" name="file" class="form-control" id="fileInput">
                    <br>
                    <button type="submit" class="btn btn-success">Update Users</button>
                    <!-- <a class="btn btn-warning" href="{{ route('export-users') }}">Export User Data</a> -->
                    <!-- Your view file -->
                    <a href="{{ route('download-sample-excel') }}" class="btn btn-warning">Download Sample Excel</a>
                    <a href="{{ route('download-school-excel') }}" class="btn btn-warning">Download School Excel</a>
                </form>
            </div>
        </div>
    </div>

<style>
    .custom-file-upload {
        border: 1px solid #ccc;
        display: inline-block;
        padding: 6px 12px;
        cursor: pointer;
        background-color: red; /* Change the background color to red */
        color: white; /* Change the text color to white */
    }
    #fileerror{
        color: red;
    }
</style>

<script>
    function validateForm() {
        var fileInput = document.getElementById('fileInput');
        if (fileInput.files.length === 0) {
            //alert('Please select a file.');
            $("#fileerror").html('Please select a file.');
            $("#fileInput").addClass("custom-file-upload");
            return false; // Prevent form submission
        }else{
            $("#fileerror").html('');
            $("#fileInput").removeClass("custom-file-upload");
        }
        return true;
    }
</script>

@endsection