@extends('admin.layouts.master')


@section('content')
<div class="content-header">
    <div class="container-fluid">
        <div class="row mb-2">
            <div class="col-sm-6">
                <h1 class="m-0">Add Tender</h1>
            </div><!-- /.col -->
            <div class="col-sm-6">
                <ol class="breadcrumb float-sm-right">
                    <li class="breadcrumb-item"><a href="#">Home</a></li>
                    <li class="breadcrumb-item active">Add Content</li>
                </ol>
            </div><!-- /.col -->
        </div><!-- /.row -->
    </div><!-- /.container-fluid -->
</div>
<div class="container">
    <div class="container-fluid">

        <div class="row">
            <div class="col-md-12">
                <div class="card">
                    <div class="card-body">
                        <form action="{{ route('admin.tender.store')}}" method="POST" enctype="multipart/form-data">
                            @csrf
                            <div class="form-group">
                                <div class="row">
                                    <div class="col-md-2">
                                        <label for="">Reference No. <span class="mendatory">*</span></label>
                                    </div>
                                    <div class="col-md-4">
                                        <input type="text" class="form-control" name="ref_no" id="title" placeholder="Reference No" required>
                                    </div>

                                    {{-- <div class="col-md-2">
                                        <label for="">Year </label>
                                    </div>
                                    <div class="col-md-4">
                                        <input type="text" class="form-control" name="year" id="title" placeholder="Year">
                                    </div> --}}
                                </div>
                            </div>
                            <div class="form-group">
                                <div class="row">
                                    <div class="col-md-2">
                                        <label for="">Title <span class="mendatory">*</span></label>
                                    </div>
                                    <div class="col-md-10">
                                        <textarea name="title" class="form-control" id=""></textarea>

                                    </div>
                                </div>
                            </div>
                            <div class="form-group">
                                <div class="row">
                                    <div class="col-md-2">
                                        <label for="">Description </label>
                                    </div>
                                    <div class="col-md-10">
                                        <textarea name="description" class="form-control" id="" ></textarea>

                                    </div>
                                </div>
                            </div>
                            <div class="form-group">
                                <div class="row">
                                    <div class="col-md-2">
                                        <label for="filename">Tender Category</label>
                                    </div>
                                    <div class="col-md-4">
                                        <input type="text" class="form-control" name="tender_category" id="">

                                    </div>
                                    <div class="col-md-2">
                                        <label for="filename">Tender Type</label>
                                    </div>
                                    <div class="col-md-4">
                                        <input type="text" class="form-control" name="tender_type" id="filename">
                                    </div>
                                </div>
                            </div>
                            <div class="form-group">
                                <div class="row">
                                    <div class="col-md-2">
                                    <label for="filename">Tender Mode</label>
                                    </div>
                                    <div class="col-md-4">
                                        <select name="tender_mode" id="" class="form-control">
                                            <option value="Open">Open</option>
                                            <option value="Close">Close</option>
                                        </select>
                                    </div>

                                    <div class="col-md-2">
                                        <label for="filename">Tender Floated By</label>
                                    </div>
                                    <div class="col-md-4">
                                        <select name="tender_floated_by" id="" class="form-control" >
                                            <option value="SELF">Self</option>
                                            <option value="GEM">GEM</option>
                                            <option value="CPPP">CPPP</option>
                                        </select>
                                    </div>
                                </div>
                            </div>

                            <div class="form-group">
                                <div class="row">
                                    <div class="col-md-2">
                                        <label for="filename">File Name</label>
                                    </div>
                                    <div class="col-md-4">
                                        <input type="text" class="form-control" name="file_name_1" id="filename">
                                    </div>
                                    <div class="col-md-2">
                                        <label for="filename">File</label>
                                    </div>
                                    <div class="col-md-4">
                                        <input type="file" class="" name="file1" id="filename">
                                    </div>
                                </div>
                            </div>
                            <div class="form-group">
                                <div class="row">
                                    <div class="col-md-2">
                                        <label for="filename">Additonal File Name</label>
                                    </div>
                                    <div class="col-md-4">
                                        <input type="text" class="form-control" name="file_name_2">
                                    </div>
                                    <div class="col-md-2">
                                        <label for="filename">Additonal File</label>
                                    </div>
                                    <div class="col-md-4">
                                        <input type="file" class="" name="file2">
                                    </div>
                                </div>
                            </div>

                            <div class="form-group">
                                <div class="row">
                                    <div class="col-md-2">
                                        <label for="date">Issue From</label>
                                    </div>
                                    <div class="col-md-4">
                                        <input type="text" class="form-control datepicker" name="issue_from">
                                    </div>

                                    <div class="col-md-2">
                                        <label for="date">Issue Up To</label>
                                    </div>
                                    <div class="col-md-4">
                                        <input type="text" class="form-control datepicker" name="issue_upto">
                                    </div>
                                </div>
                            </div>

                            <div class="form-group">
                                <div class="row">
                                    <div class="col-md-2">
                                        <label for="date">Last Date And Time of Submission</label>
                                    </div>
                                    <div class="col-md-4">
                                        <input type="text" class="form-control datepicker" name="last_date_time_of_submission">
                                    </div>

                                    <div class="col-md-2">
                                        <label for="date">Opening Date And Time</label>
                                    </div>
                                    <div class="col-md-4">
                                        <input type="text" class="form-control datepicker" name="opening_date_time">
                                    </div>
                                </div>
                            </div>
                            <div class="form-group">
                                <div class="row">
                                    <div class="col-md-2">
                                        <label for="date">PreBid Meeting Date And Time</label>
                                    </div>
                                    <div class="col-md-4">
                                        <input type="text" class="form-control datepicker" name="prebid_date_time">
                                    </div>

                                    <div class="col-md-2">
                                        <label for="date">Bidding Type</label>
                                    </div>
                                    <div class="col-md-4">
                                        <input type="text" class="form-control" name="bidding_type">
                                    </div>
                                </div>
                            </div>
                            <div class="form-group">
                                <div class="row">
                                    <div class="col-md-2">
                                        <label for="earnest_money">Earnest Money</label>
                                    </div>
                                    <div class="col-md-4">
                                        <input type="text" class="form-control" name="earnest_money" id="earnest_money" pattern="\d{1,13}\.\d{2}">
                                        <small>Format: up to 13 digits before the decimal point and 2 digits after. Example: 1234567890.00</small>
                                    </div>
                                    
                                    {{-- <div class="col-md-2">
                                        <label for="date">Bidding Type</label>
                                    </div>
                                    <div class="col-md-4">
                                        <input type="text" class="form-control" name="bidding_type">
                                    </div> --}}
                                </div>
                            </div>
                            <div class="form-group">
                                <div class="row">
                                    <div class="col-md-2">
                                        <label for="date">New</label>
                                    </div>
                                    <div class="col-md-4">
                                        <input type="checkbox" name="new" value="1">
                                    </div>

                                    <div class="col-md-2">
                                        <label for="">Publish to Scroll </label>
                                    </div>
                                    <div class="col-md-4">
                                        <input type="checkbox" name="publish_to_scroll" id="publish_to_scroll" value="1">
                                        Publish to Scroll
                                    </div>
                                </div>
                            </div>

                            <div class="form-group">
                                <div class="row">
                                    <div class="col-md-12 text-center">
                                        <button type="submit" name="submit" class="btn btn-success btn-icon-split">
                                            <span class="icon text-white-50">
                                                <i class="fas fa-check"></i>
                                            </span>
                                            <span class="text">Submit</span>
                                        </button>
                                    </div>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
                <!-- /.card -->
            </div>
        </div>


    </div><!-- /.container-fluid -->
</div>

@endsection
@section('js')
    <script>
        $( document ).ready(function() {
            console.log( "ready!" );
            $("#file_div").hide();
            $("#url_div").hide();

           $('input[type="radio"]').click(function(){
                var inputValue = $(this).attr("value");
                // alert(inputValue);
                if (inputValue == 1) {
                    $("#file_div").show();
                    $("#url_div").hide();
                }else{
                    $("#file_div").hide();
                    $("#url_div").show();
                }
            });


            $('.datepicker').Zebra_DatePicker({
                       format: 'Y-m-d H:i'
                    });


        });
    </script>
@endsection