@extends('layouts.theme')
@section('title','Create Company')
@section('style')
    <link href="{{url('libs/select2/css/select2.min.css')}}" rel="stylesheet" type="text/css" />
    <link href="{{url('libs/bootstrap-datepicker/css/bootstrap-datepicker.min.css')}}"  rel="stylesheet" type="text/css" />
    <link href="{{url('libs/datetimepicker/css/bootstrap-datetimepicker.min.css')}}"  rel="stylesheet" type="text/css" />

    @endsection
@section('content')
<style>
    table thead th{
        font-weight: 700 !important;
        color: #000000;
    }
    .container {
        background: #ffffff;
        padding: 70px 30px 79px;
    }
      .w-70{
        width: 70%;
    }
    table tr td, h3, h5{ 
        color: #000000;
    }
    h5{
        color: #000000;
        font-weight: 700;
    } 
    .financial-table td:nth-child(2)  {
        vertical-align: middle;
    }
    .financial-table tr th:first-child  {
       width: 7%;
    }
    table th strong {
        font-weight: 800;
    }
</style>
<div class="page-content">
    <div class="container-fluid user-registrition">
        <div class="row">
            <div class="col-md-12 col-xl-12">
                <div class="card">
                    <div class="card-body">
                        <h5 class="card-title">Add Tender</h5>
                        @include('alertsInfo')
                        <!-- Nav tabs -->
                        <form action="{{url('tender')}}" method="POST" class="custom-validation">
                            @csrf 
                                                        <div class="row">
                                <div class="col-md-4 col-lg-3">
                                    <div class="form-group ">
                                        <label class="control-label text-capitalize ">Select Stage</label>
                                        <select class="form-control" name="stage" id="stage" required>
                                            <option value="">Select Stage</option>
                                            @foreach ($stages as $key=> $stage)
                                                <option value="{{$key}}">{{$stage}}</option>
                                            @endforeach
                                        </select>
                                          @if ($errors->has('stage'))
                                        <div class="invalid-feedback"  style="display: block">{{ $errors->first('stage') }}</div>
                                        @endif 
                                    </div>
                                </div>
                                @foreach ($columns as $column)
                                   <div class="col-md-4 col-lg-3">
                                       <div class="form-group ">
                                           <label class="control-label text-capitalize ">{{ str_replace('_', ' ', $column)  }} 
                                            {{$column=="technical_percentage"  || $column=="financial_percentage"? "%":""}}
                                            
                                       
                                        </label>
                                           <input class="form-control 
                                           {{$column =="start_date" || $column =="end_date" || $column =="closing_date" || $column =="opening_date"  ? "date":""}} 
                                           {{$column =="closing_time" || $column =="opening_time"   ? "time":""}}" required autocomplete="off" 
                                           placeholder="{{ str_replace('_', ' ', $column)  }}" name="{{ $column }}"  

                                           @if ($column=="technical_percentage"  || $column=="financial_percentage")
                                                value="1"
                                                max="100"
                                                min="1"
                                                type="number"
                                                data-parsley-maxlength="100"
                                                data-parsley-minlength="1"
                                                @else 
                                                type="text"
                                           @endif

                                           value="{{old($column)}}">
                                           @if ($errors->has($column))
                                           <div class="invalid-feedback"  style="display: block">{{ $errors->first($column) }}</div>
                                           @endif 
                                       </div>
                                   </div>
                                @endforeach 
                                <div class="col-md-12">
                                    <hr>
                                </div>
                            </div>
                            <ul class="nav nav-tabs nav-tabs-custom" role="tablist">
                                <li class="nav-item ">
                                    <a class="nav-link active " data-toggle="tab" href="#technicalEvaluation" role="tab">Technical Evaluation</a>
                                </li>   
                                <li class="nav-item">
                                    <a class="nav-link  " data-toggle="tab" href="#financialEvaluation" role="tab">Financial Evaluation</a>
                                </li>
                                    
                            </ul>   
                                <div class="tab-content">
                                    <div class="tab-pane active " id="technicalEvaluation" role="tabpanel">
                                        @include('tender/create/technical')
                                    </div> 
                                    <div class="tab-pane    " id="financialEvaluation" role="tabpanel">
                                    @include('tender/create/financial')
                                    </div>    
                                </div>
                                <div>
                                    <input type="submit" class="btn btn-success" value="Create Tender">
                                </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection
@section('script')
<script src="{{url('libs/moment/min/moment.min.js')}}"></script>
    <script src="{{url('libs/bootstrap-datepicker/js/bootstrap-datepicker.min.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/datetimepicker/js/bootstrap-datetimepicker.min.js')}}"></script> 

    <script>
        $('.date').datepicker({
            autoclose: true,
            todayHighlight: true, 
            format: 'yyyy-mm-dd'
        });

       
        $('.time').datetimepicker({ 
            format: 'HH:mm', 
        });
    </script>
@endsection