@extends('admin.layout.master')
@section('content')
@include('flash-message')
        @php
        use App\Models\Payroll\EmpManagements\PayEmpBasicInfos;
        $allEmp = PayEmpBasicInfos::where('active_status', 1)->get();
        @endphp 
  
    <div class="col-12">
        @if ($errors->any())
            <div class="alert alert-danger" id="hide-alert">
                <ul>
                    @foreach ($errors->all() as $error)
                        <li>{{ $error }}</li>
                    @endforeach
                </ul>
            </div>
        @endif
    </div>
    <div class="card">
        <div class="card-header d-flex">
            <div class="col-6 pl-0">{{__('obs.create')}} {{__('obs.employee')}} {{__('obs.conveyance')}}</div>
            <div class="col-6 text-right">
                <a href="{{route('payroll.hrm.conveyance.index')}}" class="btn btn-sm btn-primary">{{__('obs.conveyance')}} {{__('obs.list')}}</a>
            </div>
        </div>
        <div class="card-body">
            <div class="row">
                <form class="leave-form" action="{{route('payroll.hrm.conveyance.store')}}" method="post">
                    <input type="hidden" name="conveyance_row_id" id="conveyance_row_id"
                           value="@if(!empty($conveyance_info)){{$conveyance_info->id}}@endif">
                    @csrf
                    <div class="row">
                        <div class="form-group col-12 col-md-2">
                            <label class="labels" for="employee">{{__('obs.voucher')}} {{__('obs.no')}}</label>
                            <input id="voucher_no" class="form-control" name="voucher_no" readonly
                                   value="@if(!empty($conveyance_info)){{$conveyance_info->voucher_no}}@else{{"V-".rand(5, 10000)}}@endif">
                        </div>
                        <div class="col-12 col-md-3 mb-3 px-1">
                            <label for="">{{__('obs.employee')}}</label>
                            <select class="form-control name_code_live_search" name="emp_id" id="emp_id" >
                                @if(isset($conveyance_info))
                                    <option value="{{$conveyance_info->get_emp_info->id}}" selected >{{$conveyance_info->get_emp_info->emp_name}}</option>
                                @endif
                            </select>
                        </div>
                        <div class="form-group col-12 col-md-3">
                            <label class="labels" for="employee">{{__('obs.conveyance')}} {{__('obs.type')}}</label>
                            <select name="conveyance_type" id="conveyance_type" class="form-control">
                                @foreach($conveyance_type_list as $convey_list)
                                       <option value="{{$convey_list->id}}"
                                            @if(!empty($conveyance_info) && $conveyance_info->conveyance_type==$convey_list->id) selected @endif>{{$convey_list->name}}
                                        </option>
                                @endforeach
                            </select>
                        </div>
                        <div class="form-group col-12 col-md-2">
                            <label class="labels" for="">{{__('obs.voucher')}} {{__('obs.date')}}</label>
                            <input required id="voucher_date" name="voucher_date" class="form-control" type="date"
                                   value="@if(!empty($conveyance_info)){{$conveyance_info->voucher_date}}@endif">
                        </div>

                        <div class="form-group col-12 col-md-2">
                            <label>{{__('obs.purpose')}}</label>
                            <textarea name="voucher_purpose" class="form-control"
                                      id="voucher_purpose">@if(!empty($conveyance_info)){{$conveyance_info->purpose}}@endif</textarea>
                        </div>
                    </div>
                    <div class="row">
                        <div class="form-group col-12">
                            <table class="table table-bordered table-hover">
                                <thead class="thead-blu">
                                    <tr>
                                        <th class="text-center">{{__('obs.date')}}</th>
                                        <th class="text-center">{{__('obs.purpose')}}</th>
                                        <th class="text-center">{{__('obs.from')}}</th>
                                        <th class="text-center">{{__('obs.to')}}</th>
                                        <th class="text-center">{{__('obs.amount')}} {{__('obs.in')}} {{__('obs.tk')}}</th>
                                        <th><button type="button" class="btn btn-rounded btn-success add_more_row">+</button></th>
                                    </tr>
                                </thead>
                                <tbody class="row_tbody">
                                    @php($total_amount =0)
                                    @if(!empty($conveyance_info_details))  {{--when edit--}}
                                        @foreach($conveyance_info_details as $details_val)
                                            <tr>
                                                <td>
                                                    <input id="conveyance_date" name="conveyance_date[]"
                                                        placeholder="Conveyance Date"
                                                        value="{{$details_val->conveyance_date}}"
                                                        class="form-control" type="date">
                                                </td>
                                                <td>
                                                    <input id="conveyance_purpose" name="conveyance_purpose[]"
                                                        placeholder="Conveyance Purpose"
                                                        value="{{$details_val->conveyance_purpose}}"
                                                        class="form-control" type="text">
                                                </td>
                                                <td>
                                                    <input id="conveyance_from" name="conveyance_from[]"
                                                        class="form-control" value="{{$details_val->conveyance_from}}"
                                                        type="text" placeholder="For Travel Purpose">
                                                </td>
                                                <td>
                                                    <input id="conveyance_to" name="conveyance_to[]" class="form-control"
                                                        type="text" placeholder="For Travel Purpose"
                                                        value="{{$details_val->conveyance_to}}">
                                                </td>
                                                <td>
                                                    <input id="conveyance_amount" name="conveyance_amount[]"
                                                        class="form-control conveyance_amount" type="number"
                                                        onkeyup="total_amount()"
                                                        value="{{$details_val->conveyance_amount}}"
                                                        placeholder="Conveyance Amount">
                                                                                                    </td>
                                                <input type="hidden" name="d_row_id[]"
                                                    value="{{$details_val->id}}">
                                                <td>
                                                    <button type="button" class="btn btn-danger remove_button">X</button>
                                                </td>
                                            </tr>
                                        @endforeach
                                    @else
                                        <tr>
                                            <td>
                                                <input id="conveyance_date" name="conveyance_date[]"
                                                    placeholder="Conveyance Date"
                                                    class="form-control" type="date">
                                            </td>
                                            <td>
                                                <input id="conveyance_purpose" name="conveyance_purpose[]"
                                                    placeholder="Conveyance Purpose"
                                                    class="form-control" type="text">
                                            </td>
                                            <td>
                                                <input id="conveyance_from" name="conveyance_from[]"
                                                    class="form-control"
                                                    type="text" placeholder="For Travel Purpose">
                                            </td>
                                            <td>
                                                <input id="conveyance_to" name="conveyance_to[]" class="form-control"
                                                    type="text" placeholder="For Travel Purpose">
                                            </td>
                                            <td>
                                                <input id="conveyance_amount" name="conveyance_amount[]"
                                                    class="form-control conveyance_amount" type="number"
                                                    onkeyup="total_amount()"
                                                    placeholder="Conveyance Amount">
                                            </td>
                                            <td>
                                                <button type="button" class="btn btn-danger remove_button">X</button>
                                            </td>
                                        </tr>
                                    @endif
                                </tbody>
                            </table>
                        </div>
                        <div class="form-group col-12">
                            <div class="row">
                                <div class="col-1 offset-9">
                                    <label for="">{{__('obs.total')}}: </label>
                                </div>
                                <div class="col-2">
                                    <input type="text" readonly id="total_conveyance_amount" class="form-control">
                                </div>
                                <div class="col-12 text-center">
                                    @if($view_type==0)
                                        <input class="btn btn-success px-4" type="submit" value="Create">
                                    @elseif($view_type==1)
                                        <input class="btn btn-success px-4" type="submit" value="Update">
                                    @endif
                                </div>
                            </div>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
@endsection

@section('script')
    <script src="{{ asset('payroll_assets/payroll_common.js') }}"></script>
    <script src="{{ asset('payroll_assets/payroll_print.js') }}"></script>

<script>
    function total_amount() {
        let total_amount = 0;
        $(".conveyance_amount").each(function () {
            total_amount += Number($(this).val());
        });
        $("#total_conveyance_amount").val(total_amount);
    }
    total_amount();

    $('.add_more_row').click(function(){
        $('.row_tbody').append(
            '<tr>'+
                '<td>'+
                    '<input type="hidden" name="d_row_id[]" value="">'+
                    '<input id="conveyance_date" name="conveyance_date[]" placeholder="Conveyance Date" class="form-control datepicker" required type="date">'+
                '</td>'+
                '<td>'+
                    '<input id="conveyance_purpose" name="conveyance_purpose[]" placeholder="Conveyance Purpose" class="form-control" type="text">'+
                '</td>'+
                '<td>'+
                    '<input id="conveyance_from" name="conveyance_from[]" class="form-control" type="text" placeholder="For Travel Purpose">'+
                '</td>'+
                '<td>'+
                    '<input id="conveyance_to" name="conveyance_to[]" class="form-control" type="text" placeholder="For Travel Purpose">'+
                '</td>'+
                '<td>'+
                    '<input id="conveyance_amount" name="conveyance_amount[]" class="form-control conveyance_amount" type="number" required onkeyup="total_amount()" placeholder="Conveyance Amount">'+
                '</td>'+
                '<td>'+
                    '<button class="btn btn-danger remove_button">X</button>'+
                '</td>'+
            '</tr>'
        );
    });

    $(document).on('click','.remove_button',function(){
        $(this).closest('tr').remove();
        total_amount();
    });
</script>
@endsection