@extends('layouts.app')

@section('title')
    {{ __('Create Institute Profiling') }}
@endsection

@section('css')
@endsection

@section('breadcrumb')
    <div class="content-header">
        <div class="container-fluid">
            <div class="row mb-2">
                <div class="col-sm-6">
                    <h1 class="m-0 text-dark">
                        <h1 class="m-0 text-dark">
                            {{ __('Institute Profiling') }}
                        </h1>
                    </h1>
                </div><!-- /.col -->
                <div class="col-sm-6">
                    <ol class="breadcrumb float-sm-right">
                        <li class="breadcrumb-item"><a href="{{ route('admin.index') }}">{{ __('Home') }}</a></li>
                        <li class="breadcrumb-item "><a
                                href="{{ route('admin.profiling.index') }}">{{ __('Institute Profiling') }}</a>
                        </li>
                        <li class="breadcrumb-item active">{{ __('Create') }}</li>
                    </ol>
                </div><!-- /.col -->
            </div><!-- /.row -->
        </div><!-- /.container-fluid -->
    </div>
@endsection

@section('content')
    <div class="card card-primary">
        <div class="card-header">
            <h3 class="card-title">{{ __('Create Institute Profiling') }}</h3>
        </div>
        <form id="form-create-institute" method="POST" action="{{ route('admin.profiling.store') }}" enctype="multipart/form-data">
            <!-- /.card-header -->
            <div class="card-body">
                @csrf
                @include('admin.instituteprofiling._form')
            </div>
            <!-- /.card-body -->
            <div class="card-footer">
                <button type="submit" class="btn btn-success float-right">
                    <i class="fa fa-check"></i> {{ __('Save') }}
                </button>
            </div>
        </form>
    </div>
@endsection

@section('scripts')
    <script>
        $(document).ready(function() {

            $('#institute_profiling').addClass('active');

            /* $('#form-create-institute').submit(function(e) {
                e.preventDefault();
                var formData = new FormData($(this)[0]);
                var $form = $('#form-create-institute');
                console.debug(formData);
                $.ajax({
                    url: $form.data('action'),
                    method: 'POST',
                    data: formData,
                    processData: false,
                    contentType: false,
                    success: function(data) {

                    },
                    error: function(data) {

                    }
                }).always(function() {
                    removeLoader()
                });
            }); */

            $(".custom-file-input").on("change", function() {
                var files = [];
                for (var i = 0; i < $(this).get(0).files.length; ++i) {
                    files.push($(this).get(0).files[i].name);
                }
                $(this).siblings(".custom-file-label").addClass("selected").html(files.join(', '));
            });

            $('#btn-note-add').click(function() {
                $('#notes-wrapper').append($('.note-row:first').wrap('<p/>').parent().html());
                $('.note-row:first').unwrap();
                $('#notes-wrapper').children($('.note-row:last').find('div:last').prop('hidden', false));
            });
        });
        

        
    </script>
@endsection