@extends('layouts.fixed')

@section('title','Manage Requisition - Purcahse Requisition')
@section('style')
    <style>
        .check_label{
            padding: 5px;
        }
    </style>
@stop

@section('content')
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jquery-confirm/3.3.4/jquery-confirm.min.css">

    <!-- Content Header (Page header) -->
    <section class="content-header">
        <div class="container-fluid">
            <div class="row mb-2">

            </div>
        </div><!-- /.container-fluid -->
    </section>
    <section class="content-header">
        <div class="container-fluid">
            <div class="row mb-2">
                <div class="col-sm-6">
                    <h1>Purchase Customized Report Search</h1>
                </div>
            </div>
        </div><!-- /.container-fluid -->
    </section>
    <section class="content-header">
        <div class="container-fluid">
            <div class="row mb-2">
                <div class="col-sm-6">
                </div>
                <div class="col-sm-6 text-right">
                    {{-- <a href="{{ route('purchase_requisitions_excel') }}" class="btn btn-info">Excel</a> --}}
                </div>
            </div>
        </div><!-- /.container-fluid -->
    </section>


    <section class="content no-print">
        <div class="container-fluid">
            {{--start --}}
            <div class="col-lg-12 col-sm-8 col-md-6 col-xs-12">
                <div class="card card-primary card-outline">
                    <div class="card-body " style="padding-bottom:0">
                        
                     <form method="POST" action={{ route('purchase.customized.report.serch') }}>
                        @csrf

                        <div class="form-row">
                            
                            <div class="form-group col-md-3" >
                                <div>
                                    <div style= "padding-bottom : 10px"> Cost Center </div> 
                                    {{-- <select name="category" id="category" class="form-control">
                                        <option value="">Cost Centre</option>
                                        @foreach ($types as $type)
                                         <option value="{{ $type->search_Id }}">{{ $type->name }}</option>   
                                        @endforeach  
                                    </select> --}}
                                    <select name="cost_center" id="category" class="form-control">
                                        <option value="">Cost Centre</option>
                                       
                                         <option value="1">L/C</option>   
                                         <option value="0">Overall Fund</option> 
                                        
                                    </select>
                                </div>
                                {{-- {{ Form::select('group_id',$groups,null,['class'=>'form-control','placeholder'=>'Select Group']) }} --}}
                            </div>
    
    
                            <div class="form-group col-md-3" >
                                <div>
                                    <div style="padding-bottom : 10px"> Payment Mode </div>
                                    <select name="payment_mode" id="payment_mode" class="form-control">
                                        <option value="">Payment Mode</option>
                                       
                                         <option value="1">Cash</option>   
                                         <option value="0">On credit</option> 
                                    </select>
                                </div>
                                {{-- {{ Form::select('group_id',$groups,null,['class'=>'form-control','placeholder'=>'Select Group']) }} --}}
                            </div>
    
                            <div class="form-group col-md-2" style="padding-top: 33px">
                                <button class="btn btn-info btn-md" type="submit"><i class="fa fa-search"></i> Search</button>
                                {{-- <input type="submit" class="btn btn-info btn-md" value="search"> --}}
                            </div>
                           
    
                        </div>
                    </form>
                        
                    </div>
                </div>
                <!-- /.card -->
            </div>
        </div>{{--end --}}
    </section>



    



@stop

@section('style')
    <!-- DataTables -->
     <link rel="stylesheet" href="{{ asset('plugins/datatables/dataTables.bootstrap4.css') }}">

@stop

@section('plugin')


    <!-- DataTables -->
    <script src="{{ asset('plugins/datatables/jquery.dataTables.js') }}"></script>
    <script src="{{ asset('plugins/datatables/dataTables.bootstrap4.js') }}"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-confirm/3.3.4/jquery-confirm.min.js"></script>

    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

    <!-- page script -->
    <script type="text/javascript">
        $(document).ready(function () {
            table = $("#myRequisitionTable").DataTable();
        });


          function Delete(id) {
            $.confirm({
                title: 'Confirm!',
                content: '<hr><strong class="text-danger">Are you sure to delete ?</strong><hr>',
                buttons: {
                    confirm: function () {
                        $.ajax({
                          headers: { 'X-CSRF-TOKEN' : '{{ csrf_token() }}' },
                          url: "{{url('Inventory/delete-purchase-requisition')}}/"+id,
                          type: 'DELETE',
                          dataType: 'json',
                          data: {},
                          success:function(response) {
                            if(response.success){
                              $('#tr-'+id).fadeOut();
                            }else{
                              $.alert({
                                title:"Whoops!",
                                content:"<hr><strong class='text-danger'>Something Went Wrong!</strong><hr>",
                                type:"red"
                              });
                            }
                          }
                        });
                    },
                    cancel: function () {

                    }
                }
            });   
          }
    </script>

<script type="text/javascript">
    $.ajaxSetup({
        headers: {
            'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
        }
    });

    $(document).ready(function () {
     
        $('#category').on('change',function(e) {
         
         var cat_id = e.target.value;

         $.ajax({
               
               url:"{{ route('subcat') }}",
               type:"POST",
               data: {
                   cat_id: cat_id
                },
              
               success:function (data) {

                $('#subcategory').empty();

                $.each(data.subcategories[0].subcategories,function(index,subcategory){
                    
                    $('#subcategory').append('<option value="'+subcategory.id+'">'+subcategory.id+'</option>');
                })

               }
           })
        });

    });

</script> 


@stop