@include('components/header')
@include('components/sidebar')
        <!--  Begin CONTENT AREA  -->
        <div id="content" class="main-content">
            <div class="topbar_content mt-3">
                <h2>EOW Declaration</h2>
                <div class="viewAll mr-4">
                    <a href="/admin_dashboard" class="viewAllBtn">
                        <button class="btn btn-danger">
                        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-arrow-left"><line x1="19" y1="12" x2="5" y2="12"></line><polyline points="12 19 5 12 12 5"></polyline></svg> Back</button>
                    </a>
                </div>
            </div>
            <div class="layout-px-spacing layout-top-spacing">
                <div class="modal-footer"></div>
                <div class="widget-content widget-content-area br-6">
                    <div class="row mt-4 justify-content-center">
                        <form  action="/addEOW" method="post" class="row eow-form-blad">
                            {{@csrf_field()}}
                            <div id="dynamicAddRemove" class="d-flex flex-column">
                                <div class="d-lg-flex align-items-center">
                                    <div class="form-group form-group d-flex flex-column col">
                                        <label>Employee Name</label> 
                                        <select class="form-control tagging" multiple="multiple" name="emp_id[]">
                                            @foreach($model as $m)
                                                <option value="{{$m->id}}">{{$m->first_name}} {{$m->last_name}} ({{$m->id}}) </option>
                                            @endforeach
                                        </select>
                                        <span class="text-danger">
                                            @if(session('error'))
                                                {{session('error')}}
                                            @endif
                                        </span>
                                    </div>
                                    <div class="form-group form-group d-flex flex-column col">
                                        <label>Date</label>
                                        @php $date = date('d-m-Y'); @endphp
                                        <input type="text" onkeypress="return false;" name="date" class="form-control" value="{{$date}}"readonly>
                                    </div>
                                    <div class="form-group form-group d-flex flex-column col"> 
                                        <label>Points</label>
                                        <input type="text" name="point" value="10" class="form-control" >
                                    </div>
                                    <div class="form-group d-flex flex-column col-1 mt-4">
                                        <button name="point" type="button" class="form-control bg-primary" id="add_row">+</button>
                                    </div>
                                </div>
                            </div>
                                <div class="form-group d-flex justify-content-center">
                                    <button type="submit" class="btn btn-success">Submit</button>
                                    <button type="reset" class="btn btn-primary ml-3">Cancel</button>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
@include('components/footer')
<script type="text/javascript">

    var i = 0;
    $("#add_row").on('click',function(){
        ++i;
        $("#dynamicAddRemove").append('<div class="d-flex remove-div align-items-center"><div class="form-group form-group d-flex flex-column col"> <label>Employee Name</label> <select class="form-control tagging" multiple="multiple" name="emp_id[]"> @foreach($model as $m) <option value="{{$m->id}}">{{$m->first_name}} {{$m->last_name}} ({{$m->id}}) </option> @endforeach </select> <span class="text-danger"> @if(session('error')) {{session('error')}} @endif </span> </div> <div class="form-group form-group d-flex flex-column col"> <label>Date</label> @php $date = date('d-m-Y'); @endphp <input type="text" onkeypress="return false;" name="date" class="form-control" value="{{$date}}"readonly> </div> <div class="form-group form-group d-flex flex-column col"> <label>Points</label> <input type="text" name="point" value="10" class="form-control" > </div> <div class="form-group d-flex flex-column col-1 mt-4"> <button name="point" type="button" class="form-control bg-danger remove-tr" id="add_row">-</button></div> </div>');

        $(".tagging").select2({
            placeholder : 'Selet Employee Name',
        });
        });

        $(document).on('click', '.remove-tr', function() {
            $(this).parents('.remove-div').remove();
        });

        $(".tagging").select2({
            placeholder : 'Selet Employee Name',
        });
</script>