@extends('layouts.app')
@section('title') {{'Setting Create'}} @endsection
@section('content')


    <script type="text/javascript">
        var i=1;
        function add_requisition()
        {

            var types = $( "#types" ).val();
            var values = $( "#values" ).val();

            var types = types.split("=");

            offi_html ='<tr id="tr_'+i+'">';
            offi_html +='<td>'+types[1]+' <input type="hidden" name="types[]" value="'+types[0]+'" > </td>';
            offi_html +='<td> <input type="text" style="width: 265px" name="values[]" value="'+values+'" > </td>';
            
            offi_html +='<td> <a href="javascript:remove_requisition('+i+');"  class="btn btn-warning pull-left">Remove</a> </td>';
            offi_html +='</tr>';
            $("#RequisitionDiv").append(offi_html);
            i++;
        }

        function remove_requisition(tr_id)
        {
            var cnf = confirm('Are you sure you want to delete?');
            if(cnf==true)
            {
                $( "#tr_"+tr_id ).remove();
            }
        } 

        function CheckFormSubmission()
        {
            var txn_date = $( "#txn_date" ).val();
            if(txn_date==''){
                alert("Please enter Txn. date"); return false;
            }
            $( "#p_date" ).val(txn_date);

            
            var cnf = confirm('Are you sure you want to submit?');
            if(cnf==true)
            {
                return true;
            } else {
                return false;
            }
        }

    </script>


    <div class="col-md-12">
        <div class="panel panel-default">
            <div class="panel-heading"> New Setting 
                 <a href="{{ url('/items') }}" class="pull-right"> Back to Setting List </a> 
            </div>

            <div class="panel-body">

                @if(count($errors)>0)
                    @foreach($errors->all() as $error)
                        {{$error}}
                    @endforeach
                @endif

                <div class="form-group">
                    
                    <div class="col-md-2">
                        Date 
                        <input id="txn_date" readonly="" type="text" class="form-control" name="txn_date" value="2026-06-04" autocomplete="off" required >
                    </div>
                    <div class="col-md-2">
                        Select Types
                        <select name="types" id="types" class="form-control selectpicker" data-live-search="true">
                            <option value=""> Select </option>
                            @if(isset($types_list))
                                @foreach($types_list as $val)
                                    <option value="{{ $val->id.'='.$val->types }}"  @if(isset($item->types) && $item->types == $val->id) selected="selected" @endif >{{ $val->types }} </option>
                                @endforeach
                            @endif
                        </select>
                    </div>
                    <div class="col-md-2">
                        Name
                        <input id="values" type="text" class="form-control" name="values" value="@yield('values')" required >
                    </div>
                    
                    <div class="col-md-2"> <br/> &nbsp;
                        <span onclick="add_requisition();" class="btn btn-primary pull-left"> Add </span>
                    </div>
                </div>



                <div class="form-group">
                    <form action="{{ url('/items') }} " method="POST" onsubmit="return CheckFormSubmission()" >
                        @section('editMethod')
                        @show
                        <table id="myTable" class="table table-striped table-hover">
                            <thead>
                            <tr>
                                <th> Types </th>
                                <th> Values </th>
                                <th> Action </th>
                            </tr>
                            </thead>
                            <tbody id="RequisitionDiv">
                            </tbody>
                        </table>

                        <button type="submit" class="btn btn-success">Submit</button>
                        <input type="hidden" name="_token" value="{{ csrf_token() }}"/>
                        <input type="hidden" name="p_date" id="p_date" value=""/>

                    </form>
                </div>

            </div>
        </div>
    </div>
<script>
    jQuery( function($) {
        $( "#txn_date" ).datepicker({ dateFormat: "yy-mm-dd"});
    } );
</script>
<style type="text/css">
    section.content.clearfix {
        padding: 0 !important;
        padding-top: 15px !important;
    }
</style>

@endsection