@extends('admin.layout.app')
@section('title','Edit Assets Movement')
@push('headerscript')
    <link href="{{asset('theme/plugins/bootstrap-datepicker/css/bootstrap-datepicker.min.css')}}" rel="stylesheet">
@endpush
@section('content')
    <div class="content">
        <div class="container">
            <div class="row">
                <div class="col-xs-12">
                    <div class="page-title-box">
                        <h4 class="page-title">Edit Assets Movement</h4>
                        <div class="pull-right">
                            <a href="{{route('asset-movement.index')}}"
                               class="btn btn-info btn-rounded waves-effect waves-light m-b-2"><i
                                    class=" mdi mdi-keyboard-backspace"></i> Back</a>
                        </div>
                        <div class="clearfix"></div>
                    </div>
                </div>
            </div>
            {!! Form::open(['route'=>array('asset-movement.update', $asset_movement->id), 'onsubmit'=>'BtnSubmit.disabled = true','method' => 'put']) !!}
            <div class="row">
                <div class="form-group col-xs-6">
                    <label for="asset_voucher">Voucher No.<span
                            class="text-danger">*</span></label>
                    <input id="asset_voucher" type="text" class="form-control number"
                           value="{{ $asset_movement->asset_voucher }}"
                           name="asset_voucher" readonly
                           autofocus>
                    <div class="text-danger">{{$errors->first('asset_voucher')}}</div>
                </div>
                <div class="form-group col-xs-6">
                    <label for="date">Date<span
                            class="text-danger">*</span></label>
                    <input type="text" name="date" id="atten_date"
                           value="{{old('date', date('d-m-Y', strtotime($asset_movement->date)))}}"
                           class="form-control datepicker" autocomplete="off">
                    <div class="text-danger">{{$errors->first('date')}}</div>
                </div>
                <div class="form-group col-xs-6">
                    <label for="status">Status<span
                            class="text-danger">*</span></label>
                    {!! Form::select("status", ['ISSUED'=>'ISSUED','RECEIVED'=> 'RECEIVED'], old("status",$asset_movement->status), ['class'=>'form-control' ,'id' => 'status','required'=>'required']  ) !!}
                </div>
                <div class="form-group col-sm-6">
                    <label for="branch_id">Branch<span class="text-danger">*</span></label>
                    {!! Form::select("branch_id", \App\Http\Helpers\Helper::getBranchData(), old("branch_id", $asset_movement->branch_id), ['class'=>'form-control select2' ,'id' => 'branch_id','required'=>'required']  ) !!}
                </div>
                <div class="form-group col-xs-6">
                    <label for="employee_id">Employee<span
                            class="text-danger">*</span></label>
                    <input type="hidden" id="old_employee_id" value="{{$asset_movement->employee_id}}">
                    {!! Form::select("employee_id", [''=>'Select Employee']+$employees, old("employee_id", $asset_movement->employee_id), ['class'=>'form-control select2', 'required', 'id'=>'employee_id11'] ) !!}
                </div>
                <div class="form-group col-xs-6">
                    <label for="print_type">Print Type<span class="text-danger">*</span></label>
                    {!! Form::select("print_type", [''=>'Select','For Receipt'=>'For Receipt','For Issue'=>'For Issue'], $asset_movement->print_type, ['class'=>'form-control' ,'id' => 'print_type','required'=>'required']  ) !!}
                </div>
                <div class="form-group col-xs-12">
                    <label for="remarks">Remarks</label>
                    <textarea class="form-control"
                              name="remarks">{{old('remarks',$asset_movement->remarks)}}</textarea>
                    <div class="text-danger">{{$errors->first('remarks')}}</div>
                </div>
            </div>
            <div class="row">
                <div class="col-sm-12 col-12 table-responsive">
                    <table class="table table-striped dataTable" id="datatable">
                        <thead>
                        <tr class="text-center">
                            <th style="width: 5%">#</th>
                            <th style="width: 30%">Asset<span
                                    class="text-danger">*</span>
                            </th>
                            <th style="width: 30%">Quantity<span
                                    class="text-danger">*</span>
                            </th>
                            <th style="width: 30%">Issue Status<span
                                    class="text-danger">*</span>
                            </th>
                            <th style="width: 5%">
                                <button type="button"
                                        class="btn btn-info btn-sm m-l-10"
                                        id="add_row">
                                    <i class="fa fa-plus"></i>
                                </button>
                            </th>
                        </tr>
                        </thead>
                        <tbody>
                                                @foreach($asset_movement->assetMovementDetails as $asset_movement_detail)
                            <tr>
                                <td>
                                    {{$i}}
                                </td>
                                <td><select name="asset_id[]" id="asset_id11" class="form-control select2 asset_id"
                                            required="">
                                        <option value="">Select Asset</option>@foreach($assets as $raw)
                                            <option
                                                value="{{$raw->id}}" {{$asset_movement_detail->asset_id == $raw->id ? 'selected':''}}>{{$raw->asset_code.' - '. $raw->asset_name }}</option>
                                        @endforeach
                                    </select></td>
                                <td>
                                    <input type="hidden" name="check_val[]" , value="{{$asset_movement_detail->id}}">
                                    <input id="quantity11" type="text"
                                           class="form-control number"
                                           name="quantity[]"
                                           value="{{ old('quantity', $asset_movement_detail->quantity) }}" required>
                                </td>
                                <td>
                                    {!! Form::select("issue_status[]", [''=>'Select','Issue Voucher'=>'Issue Voucher','User Issued'=>'User Issued'], $asset_movement_detail->issue_status, ['class'=>'form-control' ,'id' => 'issue_status11','required'=>'required']  ) !!}
                                </td>
                            </tr>
                                                        @endforeach
                        </tbody>
                    </table>
                </div>


                <div class="form-group text-center m-t-10">
                    <div class="col-xs-12 m-t-20">
                        <button type="submit"
                                id="BtnSubmit"
                                class="btn w-md btn-bordered btn-success waves-effect waves-light">
                            Update
                        </button>
                    </div>
                </div>
                {!! Form::close() !!}
            </div>
        </div>
    </div>
@endsection
@push('footerscript')
    <script src="{{asset('theme/plugins/moment/moment.js')}}"></script>
    <script src="{{asset('theme/plugins/bootstrap-datepicker/js/bootstrap-datepicker.min.js')}}"></script>
    <script>
        $(".datepicker").datepicker({
            format: 'dd-mm-yyyy',
            autoclose: true,
            endDate: "today"
        });
        $('.number').keyup(function (e) {
            if (/\D/g.test(this.value)) {
                this.value = this.value.replace(/\D/g, '');
            }
        });

        $(window).load(function () {
            getEmployeeByBranch();
            var type = 'all';
            //getAssetsByBranch(type);
        });

        $('#branch_id').on('change', function () {
            getEmployeeByBranch();
            var type = 'all';
            getAssetsByBranch(type);
        });

        function getEmployeeByBranch() {
            var branch_id = $('#branch_id').find(":selected").val();
            $.ajax({
                url: '{{route('getEmployeeByBranch')}}',
                type: 'GET',
                data: {
                    branch_id: branch_id,
                },
                success: function (response) {
                    $('#employee_id11').empty();
                    $('#employee_id11').append('<option value="">Select Employee</option>');
                    var old_employee_id = $('#old_employee_id').val();
                    $.each(response, function (key, value) {
                        if (old_employee_id == key) {
                            $('#employee_id11').append('<option value="' + key + '" selected>' + value + '</option>');
                        } else {
                            $('#employee_id11').append('<option value="' + key + '">' + value + '</option>');
                        }
                    });
                }
            });
        }

        function getAssetsByBranch(type, iValue) {
            var branch_id = $('#branch_id').find(":selected").val();
            $.ajax({
                url: '{{route('getAssetsByBranch')}}',
                type: 'GET',
                data: {
                    branch_id: branch_id,
                },
                success: function (response) {
                    if (type == "single") {
                        $('#asset_id' + iValue).empty();
                        $('#asset_id' + iValue).append('<option value="">Select Assets</option>');
                        $.each(response, function (key, value) {
                            $('#asset_id' + iValue).append('<option value="' + key + '">' + value + '</option>');
                        });
                    } else {
                        $('.asset_id').empty();
                        $('.asset_id').append('<option value="">Select Assets</option>');
                        $.each(response, function (key, value) {
                            $('.asset_id').append('<option value="' + key + '">' + value + '</option>');
                        });
                    }
                }
            });
        }


        var j = {{$i}};
        $("#add_row").on('click', function () {
            var col = "<tr>";
            col += '<td> ' + j + ' </td>'
            col += '   <td><select name="asset_id[]" id="asset_id' + j + '" class="form-control select2 asset_id" required="">' +
                '<option value="">Select Asset</option></select></td>'
            col += '<td><input type="hidden" name="check_val[]" value="new"> <input id="quantity' + j + '" type="text" class="form-control number select2" name="quantity[]" required></td>'
            col += '   <td><select name="issue_status[]" id="issue_status' + j + '" class="form-control" required="">' +
                '<option value="">Select Status</option><option value="Issue Voucher">Issue Voucher</option><option value="User Issued">User Issued</option></select></td>'
            col += '<td><button class="btn btn-danger btn-sm" id="delete_over_time_row" type="button"><i class="fa fa-trash"></i></button></td>';
            $("table#datatable").append(col);

            var type = 'single';
            var iValue = j;
            getAssetsByBranch(type, iValue);
            j++;

            $('.select2').select2();

            $('.number').keyup(function (e) {
                if (/\D/g.test(this.value)) {
                    this.value = this.value.replace(/\D/g, '');
                }
            });

        });
        $("table#datatable").on("click", "#delete_over_time_row", function (event) {
            $(this).closest("tr").remove();
        });
    </script>
@endpush