@extends('welcome')
@section('content')
    <div class="mt-5">
        
        <form action="{{ route('toimport') }}" method="post" enctype="multipart/form-data">
            @csrf
            <h4 class="mb-3">Data Import Form</h4>
            <div class="mb-3">
                <div class="input-group">
                    <div class="input-group-prepend">
                        <span class="input-group-text" id="snamelabel">Service Name</span>
                    </div>
                    <input type="text" class="form-control" name="sname" aria-describedby="snamelabel" id="sname" required>
                </div>
                
            </div>
            <div class="custom-file mb-3">
                <input type="file" accept=".csv, application/vnd.openxmlformats-officedocument.spreadsheetml.sheet, application/vnd.ms-excel" class="custom-file-input" name="importfile" id="file" required>
                <label class="custom-file-label" for="file">Choose File</label>
            </div>

            <button class="btn btn-primary">Upload</button>
        </form>
        
    </div>
@endsection

