@include('Template.header')
<div class="container-fluid">
    <div class="mt-5 pt-5" style="display: flex;justify-content: center;">
        <div class="card shadow-lg p-4 rounded">
            <h2 class="mb-4 text-center text-primary">
                <i class="fas fa-file-excel me-2 text-dark"></i>Import Doctor Data
            </h2>

            @if (session('success'))
                <div class="alert alert-success">{{ session('success') }}</div>
            @endif
            @if (session('error'))
                <div class="alert alert-danger">{{ session('error') }}</div>
            @endif

            <form id="importForm" action="{{ route('importDoctorNew') }}" method="POST" enctype="multipart/form-data"
                class="upload-form">
                @csrf
                <label for="excel_file" class="form-label fw-bold">
                    <i class="fas fa-upload me-2"></i>Select Excel File
                </label>
                <div class="mb-3">
                    <input type="file" name="excel_file" id="excel_file" class="form-control"
                        accept=".xlsx,.xls,.csv" required>
                    @error('excel_file')
                        <span class="text-danger">{{ $message }}</span>
                    @enderror
                </div>

                <button type="submit" class="btn btn-primary w-100">
                    <i class="fas fa-cloud-upload-alt me-2"></i>Upload & Import
                </button>
            </form>
        </div>
    </div>
</div>

@include('Template.footer')