@extends('layouts.contentLayoutMaster')
@php
$breadcrumbs = [[['link' => route('students.index'), 'name' => "الطلاب"], ['name' => "مزامنة نظام نور"]],['title'=> 'مزامنة بيانات الطلاب']];
@endphp

@section('title', 'مزامنة بيانات الطلاب')

@section('content')
@section('vendor-style')
<!-- vendor css files -->
<link rel="stylesheet" href="{{ asset(mix('vendors/css/pickers/pickadate/pickadate.css')) }}">
<link rel="stylesheet" href="{{ asset(mix('vendors/css/pickers/flatpickr/flatpickr.min.css')) }}">
@endsection

@section('page-style')
<link rel="stylesheet" href="{{ asset(mix('css/base/plugins/forms/pickers/form-flat-pickr.css')) }}">
<link rel="stylesheet" href="{{ asset(mix('css/base/plugins/forms/pickers/form-pickadate.css')) }}">
@endsection

@component('components.forms.formCard',['title' => 'مزامنة بيانات الطلاب'])
{{--    <button class="btn btn-outline-secondary waves-effect" name="action" type="submit" value="export_xlsx"><em data-feather='save'></em> اكسل</button>--}}

    @if(isset($skipped_students) && $skipped_students)
        <x-ui.divider color="warning">طلاب لم يتم العثور عليهم </x-ui.divider>
        {!! Form::open(['route' => 'students.noor.excel','method'=>'POST' , 'onsubmit' => 'showLoader()']) !!}
{{--        <x-inputs.link route="years.index"><em data-feather='save'></em> تحميل ملف الطلاب لم يتم العثور عليهم</x-inputs.link>--}}
        <x-inputs.submit style="margin: 10px;"><em data-feather='save'></em> تحميل ملف الطلاب لم يتم العثور عليهم</x-inputs.submit>
<br>
        <div class="row mb-1">
            @foreach($skipped_students as $key=>$id)
                <div class="col-md-2">
                    <span class="badge bg-primary">رقم الهوية : </span>
                    <span class="badge bg-warning"> {{ $id }}</span>
                </div>
                <input type="hidden"  name="skipped_students[{{$key}}]" value="{{$id}}">
            @endforeach
        </div>
        {!! Form::close() !!}
    @endif
{!! Form::open(['route' => 'noor.store','method'=>'POST', 'enctype' => 'multipart/form-data' , 'onsubmit' => 'showLoader(500000)']) !!}


    <x-ui.divider>معلومات الطلاب</x-ui.divider>

        <div class="row mb-1">
{{--            <div class="col-md-4">--}}
{{--                <x-inputs.select.generic :required="true" label="نوع الملف" class="{{ $errors->has('file_type') ? ' is-invalid' : null }}" name="file_type" data-placeholder="نوع الملف" :options="[0=>'ما قبل الثالث الثانوي',1=>'الثالث الثانوي']"/>--}}
{{--                @error('file_type')--}}
{{--                <span class="invalid-feedback" role="alert">--}}
{{--                    <strong>{{ $message }}</strong>--}}
{{--                </span>--}}
{{--                @enderror--}}
{{--            </div>--}}
            <div class="col-lg-4 col-md-4 col-12">
                <div class="card shadow-none border cursor-pointer">
                    <a href="{{ asset('/assets/media/noorSheet.xlsx') }}" download>
                        <div class="card-body">
                            <div class="d-flex justify-content-between">
                                <img
                                    src="{{asset("assets/icons/xls.png")}}"
                                    alt="Excel Model" height="38">

                            </div>
                            <div class="my-1">
                                <h5>تحميل النسخة الاحتياطية</h5>
                            </div>

                        </div>
                    </a>
                </div>
            </div>
            <div class="clearfix"></div>



            <div class="col-md-4">
                <label for="formFile" class="form-label">ملف معلومات الطلاب (.xlsx)</label>
                <input class="form-control {{ $errors->has('sheet_path') ? ' is-invalid' : null }}" name="sheet_path" type="file" id="formFile" accept="application/vnd.openxmlformats-officedocument.spreadsheetml.sheet, application/vnd.ms-excel" required>

                @error('sheet_path')
                <span class="invalid-feedback" role="alert">
                    <strong>{{ $message }}</strong>
                </span>
                @enderror
            </div>

            <div class="col-md-4">
                <label class="form-label mb-1" for="updateStudentName">تحديث اسم الطالب </label>
                <x-inputs.checkbox name="updateStudentName">مطابقة اسم الطالب مع نظام نور </x-inpurs.checkbox>
            </div>
        </div>
        <div class="col-12 text-center mt-2">
            <x-inputs.submit id="withLoader">مزامنة معلومات الطلاب</x-inputs.submit>
            <x-inputs.link route="years.index">عودة</x-inputs.link>
        </div>
        {!! Form::close() !!}

        @endcomponent

        @endsection

        @section('vendor-script')
        <!-- vendor files -->
        <script src="{{ asset(mix('vendors/js/pickers/pickadate/picker.js')) }}"></script>
        <script src="{{ asset(mix('vendors/js/pickers/pickadate/picker.date.js')) }}"></script>
        <script src="{{ asset(mix('vendors/js/pickers/pickadate/picker.time.js')) }}"></script>
        <script src="{{ asset(mix('vendors/js/pickers/pickadate/legacy.js')) }}"></script>
        <script src="{{ asset(mix('vendors/js/pickers/flatpickr/flatpickr.min.js')) }}"></script>
        @endsection
        @section('page-script')
        <!-- Page js files -->
        <script src="{{ asset(mix('js/scripts/forms/pickers/form-pickers.js')) }}"></script>
        @endsection