@extends('layouts.app_hr')

@section('title', isset($device) ? __('hr.edit_biometric_devices') : __('Add Biometric Device'))

@section('content')
    <!-- Content Header (Page header) -->
    <section class="content-header">
        <nav aria-label="breadcrumb">
            <ol class="breadcrumb breadcrumb-style1">
                <li class="breadcrumb-item">
                    <a href="#">{{__('home.home')}}</a>
                </li>
                <li class="breadcrumb-item">
                    <a href="#">{{__('hr.attendance')}}</a>
                </li>
                <li class="breadcrumb-item active">{{__('hr.edit_biometric_devices')}}</li>
            </ol>
        </nav>
    </section>

    <div class="container">
        <div class="card tw-transition-all tw-duration-200 tw-bg-white tw-shadow-sm hover:tw-shadow-md tw-rounded-xl hover:tw-translate-y-0.5 tw-ring-1 tw-ring-gray-200 no-print">
            <div class="card-body">

        <form action="{{ isset($device) ? route('biometric-devices.update', $device->id) : route('biometric-devices.store') }}" method="POST">
            @csrf
            @if (isset($device))
                @method('PUT')
            @endif

            <div class="form-floating form-floating-outline col-sm-4 mt-5">
                <input type="text" id="device_name" name="device_name" class="form-control" value="{{ old('device_name', $device->device_name ?? '') }}" required>
                <label for="device_name">{{ __('hr.device_name') }}</label>
            </div>

            <div class="form-floating form-floating-outline col-sm-4 mt-5">
                <input type="text" id="ip_address" name="ip_address" class="form-control" value="{{ old('ip_address', $device->ip_address ?? '') }}" required>
                <label for="ip_address">{{ __('hr.ip_address') }}</label>
            </div>

            <div class="form-floating form-floating-outline col-sm-4 mt-5">
                <input type="number" id="port" name="port" class="form-control" value="{{ old('port', $device->port ?? 4370) }}" required>
                <label for="port">{{ __('hr.port') }}</label>
            </div>

            <div class="form-floating form-floating-outline col-sm-4 mt-5">
                <select id="location_id" name="location_id" class="select2 form-select" required>
                    @foreach ($locations as $location)
                        <option value="{{ $location->id }}" {{ isset($device) && $device->location_id == $location->id ? 'selected' : '' }}>
                            {{ $location->name }}
                        </option>
                    @endforeach
                </select>
                <label for="location_id">{{ __('business.location') }}</label>
            </div>

            <div class="form-floating form-floating-outline col-sm-4 mt-5">
                <select id="is_active" name="is_active" class="select2 form-select">
                    <option value="1" {{ isset($device) && $device->is_active ? 'selected' : '' }}>{{ __('lang_v1.active') }}</option>
                    <option value="0" {{ isset($device) && !$device->is_active ? 'selected' : '' }}>{{ __('lang_v1.inactive') }}</option>
                </select>
                <label for="is_active">{{ __('hr.status') }}</label>
            </div>
            <div class="clearfix mt-5"></div>
            <div class="col-md-12 mt-5">
                <button type="submit" class="btn btn-label-primary">{{ __('Save') }}</button>

            </div>
        </form>
    </div>
@endsection

<div class="modal  fade create_allowance_type_modal" id="create_allowance_type_modal">
    <div class="modal-dialog">
        {!! Form::open(['url' => action([\App\Http\Controllers\Hr\AllowanceTypeController::class, 'store']), 'method' => 'post', 'id' => 'add_allowance_type_form','class'=>'modal-content' ]) !!}
        <div class="modal-header">
            <h5 class="modal-title" id="backDropModalTitle">{{__('messages.add')}}</h5>
            <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
        </div>
        <div class="modal-body">
            <div class="row">
                <div class="col mb-6 mt-2">
                    <div class="form-floating form-floating-outline">
                        <input type="text" name="name" id="name" class="form-control"
                               placeholder="{{__('hr.allowance_type')}}" required>
                        <label for="name">@lang('hr.allowance_type')</label>
                    </div>
                </div>

                <div class="row">
                    <div class="col mb-2">
                        <label for="active">{{__('hr.active_status')}}</label>
                        <div class="col mb-6 mt-2 form-floating form-floating-outline">
                            <select id="active" name="active" class="selectpicker w-100" data-style="btn-default">
                                <option value="1"> @lang('lang_v1.active') </option>
                                <option value="2"> @lang('lang_v1.inactive') </option>
                            </select>
                        </div>
                    </div>
                </div>

            </div>
        </div>
        <div class="modal-footer">
            <button type="submit" class="btn btn-primary">{{__('messages.save')}}</button>
            <button type="button" class="btn btn-danger"
                    data-bs-dismiss="modal">{{__('messages.close')}}</button>
        </div>
        {!! Form::close() !!}
    </div>
</div></div></div>