@extends('admin.layout.master')
@section('content')
<div class="card sina-card">
    <div class="card-header d-flex justify-content-between align-items-center ">
        <h5 class="font-weight-bold mb-0">{{__('obs.company_policy')}}</h5>
        <a href='{{ route('payroll.hrm.settings.company_policy_list') }}' type="button" class="btn btn-light btn-sm">{{__('obs.company')}} {{__('obs.policy')}}</a>
    </div>
   
    <div class="card-body">
      
        @if ($errors->any())
            @foreach ($errors->all() as $error)
                <div style="color: red">{{ $error }}</div>
            @endforeach
        @endif
        <form action="{{ route('payroll.hrm.settings.company_policy_store') }}" enctype="multipart/form-data" method="POST">
            @csrf

            <div class="col-6 m-2">
                <div class="row gx-sm-3 gx-0 mb-1">
                    <label for="nameInput" class="col-sm-4 col-form-label cl-form-label">{{__('obs.group')}} {{__('obs.name')}}</label>
                    <div class="col-sm-8">
                        <select class="form-control" name="group_id">
                            @foreach (DB::table('pay_settings_types')->where('types', 10)->cursor() as $item)
                                <option value="{{ $item->id }}">{{ $item->name }}</option>
                            @endforeach

                        </select>
                    </div>
                </div>
            </div>

            <div class="col-6 m-2">
                <div class="row gx-sm-3 gx-0 mb-1">
                    <label for="nameInput" class="col-sm-4 col-form-label cl-form-label">{{__('obs.attach')}} {{__('obs.file')}}</label>
                    <div class="col-sm-8">
                        <input type="file" id="file-upload" name="file_name" class="form-control" />
                        <img id="image" src="#" alt="" style="height:50px; border: 2px solid grey" />
                    </div>
                </div>
            </div>
            <div class="col-6 m-2">
                <div class="row gx-sm-3 gx-0 mb-1">
                    <label for="nameInput" class="col-sm-4 col-form-label cl-form-label">{{__('obs.note')}}</label>
                    <div class="col-sm-8">
                        <textarea class="form-control" name="note" rows="3" cols="3"></textarea>
                    </div>
                </div>
            </div>
            <div class="col-6 m-2 text-end">
                <button type="submit" class="btn btn-primary px-4 btn-sm">{{__('obs.submit')}}</button>
            </div>
           
        </form>
    
    </div>
          
</div>

@endsection


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

</script>
@endsection