@extends('company.layouts.main')
@section('content')
    <main>
        <!-- Content Wrapper. Contains page content -->
        <div class="content-wrapper">
            <!-- Content Header (Page header) -->
            <div class="content-header">
                <div class="container-fluid">
                    <div class="row mb-2">
                    <a class="btn btn-outline-info mr-2" href="{{ route('modelSolution.view',$virtualExpWhatWillYouLearnId) }}">Back</a>

                        <div class="col-sm-6">
                            <h1 class="m-0">Add Model Solution files</h1>
                        </div><!-- /.col -->

                    </div><!-- /.row -->
                </div><!-- /.container-fluid -->
            </div>
            <!-- Main content -->
            <div class="content">
                <div class="container-fluid">
                    <div class="card">
                        <div class="row">
                            <div class="col-lg-12">
                                <div class="card-body">
                                    <form action="{{ route('modelSolution.store', $virtualExpWhatWillYouLearnId) }}"
                                        method="POST" enctype="multipart/form-data"
                                        id="addModelSolution">
                                        @if (Session::has('success'))
                                            <div class="alert alert-success">{{ Session::get('success') }}</div>
                                        @endif
                                        @csrf

                                        <div class="form-group">
                                            <label class="form-label" for="title">File title</label><span class="text-danger">*</span>
                                            <input type="text" class="form-control" id="title" name="title"
                                                placeholder="title" value="{{ old('title') }}" autocomplete="off" />
                                            <label id="agent-name-error" class="error" style="display: none;"></label>
                                            @error('title')
                                                <span class='text-danger'>{{ $message }}</span>
                                            @enderror
                                        </div>    
                                        
                                        <div class="form-group">
                                            <label class="form-label" for="description">File short description</label><span class="text-danger">*</span> 
                                            <input type="text" class="form-control" id="description"  name="description"
                                                placeholder="description" value="{{ old('description') }}" autocomplete="off" />
                                                <label id="agent-name-error" class="error" style="display: none;"></label>
                                           @error('title')
                                                <span class='text-danger'>{{ $message }}</span>
                                            @enderror
                                        </div>  


                                        <div class="form-group" id="question_file_div">
                                            <label class="form-label" for="question_file">Question File</label><span class="text-danger">*</span>
                                            <input type="file" class="form-control" id="uploaded_file"
                                                name="uploaded_file" placeholder="question file"
                                                value="{{ old('question_file') }}" autocomplete="off" />
                                            <label id="agent-name-error" class="error" style="display: none;"></label>
                                            @error('uploaded_file')
                                                <span class='text-danger'>{{ $message }}</span>
                                            @enderror
                                        </div>


                                        <button class="btn btn-info mt-4" type="submit">Submit</button>
                                    </form>


                                </div>
                            </div>
                        </div>
                    </div>
                    <!-- /.row -->
                </div><!-- /.container-fluid -->
            </div>
            <!-- /.content -->
        </div>
        <!-- /.content-wrapper -->
    </main>
@endsection