@extends('layouts.app')
@push('middle_part')
    <a href="{{ route('employee_attandance.create') }}" type="button" class="btn btn-primary btn_modal">Add Employee Holiday</a>
@endpush

@section('content')
    <div class="page-wrapper">
        <div class="page-content">
            <div class="row tablerow">
                <div class="col-md-12">
                    @php
                        $page_name = 'Hr >Device Configaration';
                        $page_number = 1;
                    @endphp
                    @include('layouts.table_top')
                </div>
                <div class="col-md-12">
                    <div class="left-card">
                          <div class="row">

                    <div class="col-md-6">
                        <form action="{{ route('attandance_device.update') }}" method="post" id="ajax_form">
                            @csrf
                            <div class="device-box">

                                <div class="row">
                                    <div class="col-md-6">
                                        <div class="mb-3">
                                            <label class="col-form-label">Device Name:</label>
                                            <input class="form-control" type="text" name="device_name"
                                                value="{{ $item ? $item->device_name : '' }}" />
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="mb-3">
                                            <label class="col-form-label">Zone Name:</label>
                                            <input class="form-control" type="text" name="zone_name"
                                                value="{{ $item ? $item->zone_name : '' }}" />
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="mb-3">
                                            <label class="col-form-label">Device Type:</label>
                                            <select class="form-select form-control" name="device_type" data-select2-id="16"
                                                tabindex="-1" aria-hidden="true">
                                                <option value="direct"
                                                    @if ($item) {{ $item->device_type == 'direct' ? 'selected' : '' }} @endif>
                                                    Direct</option>
                                            </select>
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="mb-3">
                                            <label class="col-form-label">Device:</label>
                                            <select class="form-select form-control" name="device" data-select2-id="16"
                                                tabindex="-1" aria-hidden="true">
                                                <option value="ZKTeco"
                                                    @if ($item) {{ $item->device == 'ZKTeco' ? 'selected' : '' }} @endif>
                                                    ZKTeco</option>
                                            </select>
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="mb-3">
                                            <label class="col-form-label">Device Category:</label>
                                            <select class="form-select form-control" name="device_category"
                                                data-select2-id="16" tabindex="-1" aria-hidden="true">
                                                <option value="Attendance"
                                                    @if ($item) {{ $item->device_category == 'Attendance' ? 'selected' : '' }} @endif>
                                                    Attendance</option>
                                            </select>
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="mb-3">
                                            <label class="col-form-label">Punch Type:</label>
                                            <select class="form-select form-control" name="punch_type" data-select2-id="16"
                                                tabindex="-1" aria-hidden="true">
                                                <option value="IN_OUT"
                                                    @if ($item) {{ $item->punch_type == 'IN_OUT' ? 'selected' : '' }} @endif>
                                                    IN/OUT</option>
                                            </select>
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="mb-3">
                                            <label class="col-form-label">Location id:</label>
                                            <input class="form-control" type="text" name="location_id"
                                                value="{{ $item ? $item->device_name : '' }}" />
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="form-check pt-5">
                                            <input class="form-check-input" name="is_enable" type="checkbox"
                                                value="1" id="is_enable"
                                                @if ($item) {{ $item->is_enable == 1 ? 'checked' : '' }} @endif>
                                            <label class="form-check-label" for="is_enable">Enabled?</label>
                                        </div>
                                    </div>
                                    <div class="col-12 d-flex justify-content-end">
                                        <button type="submit" class="btn primary-button mt-3">Update</button>
                                    </div>
                                </div>
                            </div>
                        </form>
                    </div>



                    <div class="col-md-6">
                        <form action="{{ route('attandance_device.update_device') }}" method="post" id="ajax_form">
                            @csrf
                            <div class="device-box">
                                <div class="row">
                                    <div class="col-md-6">
                                        <div class="mb-3">
                                            <label class="col-form-label">IP Address:</label>
                                            <input class="form-control" type="text" name="ip_address"
                                                value="{{ $item ? $item->ip_address : '' }}" />
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="mb-3">
                                            <label class="col-form-label">Port Number:</label>
                                            <input class="form-control" type="text" name="port_number"
                                                value="{{ $item ? $item->port_number : '' }}" />
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="mb-3">
                                            <label class="col-form-label">Import Schedule:</label>
                                            <select class="form-select form-control" name="import_schedule"
                                                data-select2-id="16" tabindex="-1" aria-hidden="true">
                                                <option value="0"
                                                    @if ($item) {{ $item->import_schedule == 0 ? 'selected' : '' }} @endif>
                                                    Never</option>
                                                <option value="1"
                                                    @if ($item) {{ $item->import_schedule == 1 ? 'selected' : '' }} @endif>
                                                    Yes</option>

                                            </select>
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="mb-3">
                                            <label class="col-form-label">Clear device log when punch count
                                                reaches:</label>
                                            <input class="form-control" type="text" name="clear_log_count"
                                                value="{{ $item ? $item->clear_log_count : '' }}" />
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="form-check">
                                            <input class="form-check-input" name="is_connected" type="checkbox"
                                                value="1" id="is_connected"
                                                @if ($item) {{ $item->is_connected == 1 ? 'checked' : '' }} @endif>
                                            <label class="form-check-label" for="is_connected">Keep Connected</label>
                                        </div>
                                        <div class="form-check">
                                            <input class="form-check-input" name="use_alphanumaric_id" type="checkbox"
                                                value="1" id="use_alphanumaric_id"
                                                @if ($item) {{ $item->use_alphanumaric_id == 1 ? 'checked' : '' }} @endif>
                                            <label class="form-check-label" for="use_alphanumaric_id">Use Alphanumeric
                                                User
                                                id</label>
                                        </div>
                                    </div>
                                    <div class="col-12 d-flex justify-content-end">
                                        <button type="submit" class="btn primary-button mt-3">Update</button>
                                    </div>
                                </div>
                            </div>
                        </form>
                    </div>
                    
                </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection