@extends('backend.layouts.app')

@section('content')
    <div class="card">
        <div class="card-header">
            <h5 class="mb-0 h6">{{('Student Bulk Upload')}}</h5>
        </div>
        <div class="card-body">
            <div class="alert" style="color: #004085;background-color: #cce5ff;border-color: #b8daff;margin-bottom:0;margin-top:10px;">
                <strong>{{ ('Step 1')}}:</strong>
                <p>1. {{('Download the skeleton file and fill it with proper data')}}.</p>
                <p>2. {{('You can download the example file to understand how the data must be filled')}}.</p>
                <p>3. {{('Once you have downloaded and filled the skeleton file, upload it in the form below and submit')}}.</p>
                <p>4. {{('After uploading students you need to edit them and set student\'s images')}}.</p>
            </div>
            <br>
            <div class="">
                <a href="{{ static_asset('download/student_bulk_demo.xlsx') }}" download><button class="btn btn-info">{{ ('Download CSV Example')}}</button></a>
            </div>
            <div class="alert" style="color: #004085;background-color: #cce5ff;border-color: #b8daff;margin-bottom:0;margin-top:10px;">
                <strong>{{('Step 2')}}:</strong>
                <p>1. {{('School and Grade and Section & subjects should be in numerical id')}}.</p>
                <p>2. {{('You can download the pdf to get all required ids')}}.</p>
            </div>
            <br>
            <div class="">
                <a href="{{route('download.school-pdf')}}"><button class="btn btn-info">{{('Download School Data')}}</button></a>
                <a href="{{route('download.grade-pdf')}}"><button class="btn btn-info">{{('Download Grade Data')}}</button></a>
                <a href="{{route('download.section-pdf')}}"><button class="btn btn-info">{{('Download Section Data')}}</button></a>
                <a href="{{route('download.subject-pdf')}}"><button class="btn btn-info">{{('Download Subjects Data')}}</button></a>
            </div>
            <br>
        </div>
    </div>

    <div class="card">
        <div class="card-header">
            <h5 class="mb-0 h6"><strong>{{('Upload student File')}}</strong></h5>
        </div>
        <div class="card-body">
            <form class="form-horizontal" action="{{route('student.bulk-import')}}" method="POST" enctype="multipart/form-data">
                @csrf
                <div class="form-group row">
                    <div class="col-sm-9 mb-2">
                        <label for="formFile" class="form-label">CSV File</label>
                        <input class="form-control" type="file" name="bulk_file" id="formFile">
                    </div>
                    <div class="form-group mb-5">
                        <button type="submit" class="btn btn-info">{{('Upload CSV')}}</button>
                    </div>
                </div>
            </form>
        </div>
    </div>

@endsection