@extends('admin.layout.master')
@section('content')
@include('flash-message')
    <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 justify-content-between align-items-center">
            <div>
                <h5 class="font-weight-bold mb-0">Tour Create</h5>
            </div>
            <div>
                <a href="{{route('payroll.hrm.tour.list')}}" class="btn btn-sm btn-primary">Tour list</a>
            </div>
        </div>
        <div class="card-body">
            <form class="leave-form col-12 " action="{{route('payroll.hrm.tour.store')}}" method="post">
                @csrf
            <div class="row">
                {{-- <input type="hidden" name="" id="http_method" value="post"/> --}}
                <div class="col-md-12">
                    <div class="row">
                        <div class="col-md-6">

                            <div class="row mt-3">
                                <div class="col-md-4">
                                    <label class="labels">{{__('obs.name')}} / {{__('obs.code')}}</label>
                                </div>
                                <div class="col-md-7">
                                    <select class="form-control name_code_live_search" name="emp_id" id="emp_id">
                                    </select>
                                </div>
                            </div>

                            <div class="row mt-3">
                                <div class="col-md-4">
                                    <label class="labels">{{__('obs.from')}} {{__('obs.date')}}</label>
                                </div>
                                <div class="col-md-7">
                                    <input required name="from_date" class="form-control date_picker" type="text">
                                </div>
                            </div>

                            <div class="row mt-3">
                                <div class="col-md-4">
                                    <label class="labels">{{__('obs.to')}} {{__('obs.date')}}</label>
                                </div>
                                <div class="col-md-7">
                                    <input required name="to_date" class="form-control date_picker" type="text">
                                </div>
                            </div>

                            <div class="row mt-3">
                                <div class="col-md-4">
                                    <label class="labels">{{__('obs.location')}}</label>
                                </div>
                                <div class="col-md-7">
                                    <input required name="tour_location" class="form-control" type="text">
                                </div>
                            </div>

                            <div class="row mt-3">
                                <div class="col-md-4">
                                    <label class="labels">{{__('obs.purpose')}}</label>
                                </div>
                                <div class="col-md-7">
                                    <textarea required placeholder="Enter your tour reason" class="form-control" name="purpose"
                                    id="" cols="30" rows="1"></textarea>
                                </div>
                            </div>

                            <div class="row mt-3">
                                <div class="col-md-4">
                                    <label class="labels">{{__('obs.type')}} </label>
                                </div>
                                <div class="col-md-7">
                                    <select class="form-control" name="type" id="type">
                                        <option value="">General</option>
                                        <option value="1" >Paid</option>
                                        <option value="2">Leave Adjust</option>
                                    </select>
                                </div>
                            </div>

                            <div class="form-group col-12 text-center">
                                <input class="btn btn-success px-4 " type="submit" value="Create">
                            </div>

                        </div>
                    </div>
                </div>
            </div>
           </form>

        </div>
    </div>
@endsection


@section('script')
    <script>
        const isDesignationShown = @json(@env('SHOW_DESIGNATION_IN_EMPLOYEE_SEARCH'));
    </script>
    <script src="{{ asset('payroll_assets/payroll_common.js') }}"></script>
    <script src="{{ asset('payroll_assets/payroll_print.js') }}"></script>
<script>
function deptwiseemp(v) {
        let id = $('#department').val();
        $.ajaxSetup({
            headers: {
                'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
            }
        });
        $.ajax({
            type: 'GET',
            url:  "/payroll/get-dept-wise-emp/" + id,
            data: {
                _token: "{{ csrf_token() }}",
            },

            dataType: 'json',
            success: function(data) {
                var emp_count = data.length;
                var html = `<option value="">select</option>`;
                for (var i = 0; i < emp_count; i++) {
                    html += `
                            <option value="${data[i].id}">${data[i].emp_name}</option>
                        `;
                }
                $('#emp_select').html(html);
            }
        })
    }
    $('.select_2').select2();

    </script>
@endsection