@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 Corrigendum</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"><a href="#">Tender</a></li>
                    <li class="breadcrumb-item active">Add Corrigendum</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-corrigendum',Crypt::encrypt($tender->id))}}" method="POST" enctype="multipart/form-data">
                            @csrf
                            <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="new_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="new_opening_date_time">
                                    </div>
                                </div>
                            </div>

                            <div class="form-group">
                                <div class="row" id="more_file">
                                    <div class="col-md-2">
                                        <label for="date">File Name</label>
                                    </div>
                                    <div class="col-md-4">
                                        <input type="text" class="form-control" name="datas[0][filename]">
                                    </div>

                                    <div class="col-md-2">
                                        <label for="date">File </label>
                                    </div>
                                    <div class="col-md-3">
                                        <input type="file" name="datas[0][file]">
                                    </div>
                                    <div class="col-md-1">
                                        <button class="btn btn-info btn-xs" type="button" id="add">
                                            <i class="fa fa-plus"></i>
                                        </button>
                                    </div>

                                </div>
                            </div>
                            <div class="form-group" id="add_file">

                            </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 btn-sm">
                                            <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() {
        var test=1;
        var num = 1;
            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'
            });

            $("#add").click(function() {
            var html =
                '<div class="row" id="'+test+'" style="padding-top:2px;">'+
                    '<div class="col-md-2">'+
                        '<label for="date">Additional File Name</label>'+
                    '</div>'+
                    ' <div class="col-md-4">'+
                        '<input type="text" class="form-control" name="datas['+num+'][filename]">'+
                    '</div>'+

                    '<div class="col-md-2">'+
                        '<label for="date">File </label>'+
                    '</div>'+
                    '<div class="col-md-3">'+
                        '<input type="file" name="datas['+num+'][file]">'+
                    '</div>'+
                    '<div class="col-md-1">'+
                        '<button class="btn btn-danger btn-xs remove" type="button" onclick="Removefun('+test+')">'+
                            '<i class="fa fa-trash"></i>'+
                        '</button>'+
                    '</div>'+
                '</div>';
                test++;
                $('#add_file').append(html);
                num++;
            });



        });

        function Removefun(test){
        $('#'+test).remove();
        num--;
        };
</script>
@endsection