@extends('admin.layout.master')
@section('home')
    <div class="row">
        <div class="col-12 col-lg-7 mx-auto">
            <div class="card">
                <div class="card-header">
                    <h5 class="mb-0">Add Company Responsibly</h5>
                </div>
                <div class="card-body">
                    @if ($errors->any())
                        @foreach ($errors->all() as $error)
                            <div>{{ $error }}</div>
                        @endforeach
                    @endif
                    <form action="{{ route('company_job_responsibly.store') }}" enctype="multipart/form-data" method="POST">
                        @csrf
                        <div class="form-body">
                            <div class="form-row">
                                <div class="form-group col-md-6">
                                    <label>Group Name</label>
                                    <select class="form-control" name="group_id">
                                        @foreach (DB::table('pay_settings_types')->where('types', 11)->cursor() as $item)
                                            <option value="{{ $item->id }}">{{ $item->name }}</option>
                                        @endforeach

                                    </select>
                                    
                                </div>
                                <div class="form-group col-md-6">
                                    <label>Employee Name</label>
                                    <select class="form-control" name="emp_id">
                                        @foreach (DB::table('pay_emp_basic_infos')->cursor() as $item)
                                            <option value="{{ $item->id }}">{{ $item->emp_name }}</option>
                                        @endforeach

                                    </select>
                                </div>
                            </div>
                            <div class="form-group">
                                <label>Attach File </label>
                                <input type="file" id="file-upload" name="file_name" class="form-control" />
                                <img id="blah" src="#" alt="" style="height:50px; border: 2px solid grey" />
                            </div>
                            <div class="form-group">
                                <label>Note</label>
                                <textarea class="form-control" name="note" rows="3" cols="3">{{old('note')}}</textarea>
                            </div>

                            <button type="submit" class="btn btn-primary px-4 btn-sm">Submit</button>
                            <a href='{{ route('company_job_responsibly.index') }}' type="button" class="btn btn-success px-4 btn-sm">Back</a>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>

    <script>
        $('#blah').hide();

        function readURL(input) {
            if (input.files && input.files[0]) {
                var reader = new FileReader();
                reader.onload = function(e) {
                    $('#blah').attr('src', e.target.result);
                }
                reader.readAsDataURL(input.files[0]);
            }
            $('#blah').show();
        }
        $("#file-upload").change(function() {
            readURL(this);
        });

    </script>
@endsection