@extends('layouts.default', ['appTopMenu' => true])
@php

use App\Models\inventory\Purchase_model;

@endphp
@section('title','Dashboard') 
@push('scripts')

<link rel="stylesheet" href="{{ asset('css/jquery-ui.css')}}" />
<script src="{{ asset('js/jquery-ui.js') }}"></script>

<script src="{{ asset('js/hcrti/application.js')}}"></script>
 
 <meta name="csrf-token" content="{{ csrf_token() }}" />
 <link href="/assets/plugins/select2/dist/css/select2.min.css" rel="stylesheet" />

<script src="/assets/plugins/select2/dist/js/select2.min.js" defer></script>
<link href="/assets/plugins/bootstrap-datepicker/dist/css/bootstrap-datepicker.css" rel="stylesheet" />
<script src="/assets/plugins/bootstrap-datepicker/dist/js/bootstrap-datepicker.js" defer></script>

<script src="/assets/plugins/sweetalert/dist/sweetalert.min.js"></script>


<link href="/assets/plugins/datatables.net-bs5/css/dataTables.bootstrap5.min.css" rel="stylesheet" />
<link href="/assets/plugins/datatables.net-responsive-bs5/css/responsive.bootstrap5.min.css" rel="stylesheet" />
<script src="/assets/plugins/datatables.net/js/jquery.dataTables.min.js"></script>
<script src="/assets/plugins/datatables.net-bs5/js/dataTables.bootstrap5.min.js"></script>
<script src="/assets/plugins/datatables.net-responsive/js/dataTables.responsive.min.js"></script>
<script src="/assets/plugins/datatables.net-responsive-bs5/js/responsive.bootstrap5.min.js"></script>






<meta http-equiv="Content-Type" content="text/html;charset=UTF-8"/>

 <script type="text/javascript">
 
 

  $(".dtp").datepicker({
  todayHighlight: true,
    autoclose: true,
	opens: "right",
    dateFormat: "dd-mm-yy"
  });

 
  $.ajaxSetup({
    headers: {
        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
    }
});



 $('#data-table-default').DataTable({
    responsive: true
  });

  </script>
  <script type="text/javascript">

                function getPurchaseOrderList(year) {
                    if (year.length == 4) {
                        $.ajax({
                            type: "POST",
                            dataType: 'JSON',
                            url: "{{ url('budget/getPurchaseOrderList') }}",
                            data: {'order_year': year},
                            beforeSend: function (request) {
                                return request.setRequestHeader('X-CSRF-Token', $("meta[name='csrf-token']").attr('content'));
                            },
                            success: function (data) {

                                $("#purchase_order").empty();
                                $("#purchase_order").append('<option>Select Purchase Order</option>');
                                $.each(data, function (key, value) {
                                    $("#purchase_order").append('<option value="' + key + '">' + value + '</option>');
                                });

                            },
                            error: function (data) {
                                $('.text-danger').text('');
                                if (data.status === 401) {
                                    $(location).prop('/', 'login');
                                } else if (data.status === 422) {
                                    $.each(data.responseJSON.errors, function (field_name, error) {
                                        $(document).find('[name=' + field_name + ']').after('<span class="text-danger">' + error + '</span>')
                                    })

                                }
                            }
                        });
                    } else {
                        return false;
                    }
                }
            </script>
              
@endpush

@section('content') 

  <div class="container">
    @if (session('status'))

    <div class="alert alert-success alert-dismissible" >
        <button type="button" class="btn-close" data-bs-dismiss="alert"></button>
        {!! session('status') !!}
    </div>
    @elseif(session('failed'))
    <div class="alert alert-danger alert-dismissible" >
        <button type="button" class="btn-close" ddata-bs-dismiss="alert"></button>
        <strong>{{ session('failed') }}	</strong>
    </div>
    @endif
	
	
	
	
             

@if(\Session::has('success'))
<div class="alert alert-success message_box" id="message_box">
{{\Session::get('success')}}
</div>
@endif       
     
                            
							
{{ Form::open(array('name'=>'linkBudgetForm', 'url' => 'budget/link', 'class'=>'form-horizontal' ,'method' => 'POST')) }}
<div class="card mb-3" id="google_translate_element">
<div class="card-header bg-dark ">Link Purchase Budget Form</div>


<div class="card-body">
<div class="row mb-3">    
                                     <div class="col-md-4 mb-3">
                                        
                                            {!! Form::Label('Purchase Order', 'Purchase Order Year') !!}
                                            <input type="text" id="purchase_order_year" name="purchase_order_year" onkeyup="getPurchaseOrderList(this.value)" minlength="4" maxlength="4"  class="form-control" placeholder="Enter P.O Year">
                                            <span class="text-danger">{{ $errors->first('purchase_order_year') }}</span>
                                        

                                    </div>
                                     <div class="col-md-4 mb-3">
                                       
                                            {!! Form::Label('Purchase Order-No', 'Purchase Order') !!}
                                            <select id="purchase_order" name="purchase_order" class="form-control select2bs4" style="width: 100%;">
                                                <option value="">Select Purchase Order</option>

                                            </select>
                                            <span class="text-danger">{{ $errors->first('purchase_order') }}</span>
                                                                         
                                    </div>
                                    <div class="col-md-4 mb-3">
                                       
                                            {!! Form::Label('Select-Budget', 'Select Budget') !!}
                                            <select id="budget" name="budget" class="form-control select2bs4" style="width: 100%;">
                                                <option value="">Select Budget</option>
                                                @foreach($budget_list as $lists)
                                                <option value="{{$lists->bid}}">{{$lists->cheque_no.'_'.$lists->amount.'_'.$lists->pname}}</option>
                                                @endforeach
                                            </select>
                                            <span class="text-danger">{{ $errors->first('budget') }}</span>
                                      
                                                                 
                                
                            </div>
                             <div class="col-md-4 mb-3">
                                <button type="submit" class="btn btn-success btn-flat"><span id="save_eng_details">SAVE</span> </button>
                                <a class="btn btn-info btn-flat" href="{{ url('budget/link') }}">CANCEL</a>
                            </div>
</div>
</div>
</div> 
 {{ Form::close() }}
                       
<div class="card mb-3" id="google_translate_element">
<div class="card-header bg-dark ">Link Purchase Budget Details</div>
<div class="card-body">
<div class="row mb-3">
                                <table id="example1" class="table table-bordered table-striped">
                                    <thead>
                                        <tr>
                                            <th>#</th>
                                            <th>Purchase Order No</th>
                                            <th>Cheque /Bank Ref No</th>
                                            <th>Cheque /Transfer Date</th>
                                            <th>Amount</th>
                                            <th>Purpose</th>
                                            
                                            <th>Action</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @foreach ($results as $data)

                                        <tr>
                                            <td>{{ $loop->iteration }}</td>
                                            <td><a href="javascript::void(0)">{{ $data->pur_order_no }} </a></td>
                                            <td>{{ $data->cheque_no }}</td>
                                            <td>{{ $data->cheque_date }}</td>
                                            <td>{{ $data->amount}}</td>
                                            <td>{{ $data->pname }}</td>
                                            
                                            <td>
                                                <a href="{{ route('budget.delete_link_budget', ['id' => $data->lbid]) }}" onclick="return confirm('You want to delete this records ?')"><span class="badge bg-danger"><i class="nav-icon fas fa-trash"></i></span></a>
                                                </td>
                                        </tr>
                                        @endforeach
                                    </tbody>
                                </table>
</div>
</div>
</div>
					
					
					
   
</div>

          @endsection