@extends('layouts.theme')
@section('title','Class')
@section('style')
    <link href="{{url('libs/datatables.net-bs4/css/dataTables.bootstrap4.min.css')}}" rel="stylesheet" type="text/css" />
    <link href="{{url('libs/sweetalert2/sweetalert2.min.css')}}" rel="stylesheet">
    <link href="{{url('libs/select2/css/select2.min.css')}}" rel="stylesheet" type="text/css" />
    
@endsection
@section('content')
<style>
    .teacher {
        position: relative;
    }
    .teacher .parsley-errors-list {
        position: absolute;
        bottom: 10px;
    }
    .select2-container {
        width: 100% !important;
    }
    .w-7{
        width: 7%;
    }
    .w-12 {
        width: 12%;
    }
</style>
<div class="page-content">
    <div class="container-fluid">
        <!-- start page title -->
         <div class="card  w-100">
            <div class="loading" id="loading" style="display: none"></div>
             <div class="card-body ">
                 @include('alertsInfo')
                 <div class="row d-flex mb-3">
                    <div class="col-lg-6  ">
                        <h3>Technical Evaluation Form </h3>
                    </div> 
                </div>
                <hr>
                    @include('active_tender/form')
                </div>
             </div> 
    </div>
</div>
{{-- @include('technical.modals') --}}
@endsection
@section('script')
    <script src="{{url('libs/select2/js/select2.min.js')}}"></script>
    <script src="{{url('libs/datatables.net/js/jquery.dataTables.min.js')}}"></script>
    <script src="{{url('libs/datatables.net-bs4/js/dataTables.bootstrap4.min.js')}}"></script> 
    <script src="{{url('libs/sweetalert2/sweetalert2.min.js')}}"></script>  
    <script src="{{url('js/custom/technical.js')}}"></script> 
    <script src="{{url("libs/parsleyjs/parsley.min.js")}}"></script>
    <script src="{{url('js/pages/form-validation.init.js')}}"></script> 
    <script src="{{url('libs/jquery-steps/build/jquery.steps.min.js')}}"></script> 
    <script>
       $(function() {
            $("#tender-form").steps({
                headerTag: "h3",
                bodyTag: "fieldset", 
                labels: { 
                    finish: "Save", 
                },
                onFinishing: function(e, currentIndex) {
                    $("#tender-form").submit();
                },
                onFinished: function(e, currentIndex) {
                     
                }
            })
        });
    </script>
@endsection