@extends('dashboard.layouts.index')
@section('page_title')
@lang('global.payroll')
@stop


@section('breadcrumb')
<div class="breadcrumb-item">
    <a href="{{route("dashboard.payroll.index")}}"> @lang('global.payroll')</a>
</div>
<div class="breadcrumb-item">
    @lang('global.payrolladd')
</div>
@stop


@section('content')
<form class="form" id="form" enctype="multipart/form-data" action="{{route("dashboard.payroll.store")}}"novalidate method="POST">
    @csrf
    <div class="row">

        <div class="col-sm-12 col-md-12">
            <div class="card">
                <div class="card-header">
                    <h4>@lang("global.payrollinformation")</h4>
                </div>
                <div class="card-body">

                    <div class="form-group row mb-4">
                        <label
                            class="col-form-label text-md-right col-12 col-md-3 col-lg-3">@lang("global.employee")</label>
                        <div class="col-sm-12 col-md-7">
                            <div class="selectgroup w-100">
                                <select name="employee_id" class="form-control" aria-label=".form-select-sm example">
                                    @if($model->count() > 0 )
                                    @foreach ($model as $data )
                                    <option value="{{ $data->employee->id }}">{{ $data->employee->name }}</option>
                                    @endforeach
                                    @endif
                                </select>
                            </div>
                        </div>
                    </div>


                    <div class="form-group row mb-4">
                        <label
                            class="col-form-label text-md-right col-12 col-md-3 col-lg-3">@lang("global.method")</label>
                        <div class="col-sm-12 col-md-7">
                            <div class="selectgroup w-100">
                                <select name="method" class="form-control" aria-label=".form-select-sm example">
                                    {{-- <option selected>Open this select menu</option> --}}
                                    <option value="cash">Cash</option>
                                    <option value="credit">Credit</option>
                                    <option value="bank_transfer">BankTransfer</option>
                                </select>
                            </div>
                        </div>
                    </div>

                    @component('dashboard.components.edit_text2' , [
                    "name" => "amount",
                    "type" => "text",
                    "title" => __("global.amount"),
                    ])
                    @endcomponent


                    @component('dashboard.components.edit_text2' , [
                    "name" => "note",
                    "type" => "text",
                    "title" => __("global.note"),
                    ])
                    @endcomponent

                    @component('dashboard.components.edit_text2' , [
                        "name" => "ipan",
                        "type" => "text",
                        "title" => __("global.ipan"),
                    ])
                    @endcomponent

                    @component('dashboard.components.edit_text2' , [
                        "name" => "socialsecurity",
                        "type" => "text",
                        "title" => __("global.socialsecurity"),
                    ])
                    @endcomponent

                    @component('dashboard.components.edit_text2' , [
                        "name" => "tax",
                        "type" => "text",
                        "title" => __("global.tax"),
                    ])
                    @endcomponent


                    @component('dashboard.components.edit_text2' , [
                        "name" => "other_allowances",
                        "type" => "text",
                        "title" => __("global.othersuits"),
                    ])
                    @endcomponent

                    <div class="card-footer text-right">
                        <button class="btn btn-primary">@lang("global.save")</button>
                    </div>

                </div>
            </div>
        </div>
</form>
@stop