@extends('app-new')

@push('head-script')
    <!-- BEGIN: Vendor CSS-->
    <link rel="stylesheet" type="text/css" href="/app-assets/vendors/css/forms/wizard/bs-stepper.min.css">
    <link rel="stylesheet" type="text/css" href="/app-assets/vendors/css/pickers/flatpickr/flatpickr.min.css">
    <link rel="stylesheet" type="text/css" href="/app-assets/vendors/css/pickers/pickadate/pickadate.css">
    <!-- END: Vendor CSS-->

    <!-- BEGIN: Page CSS-->
    <link rel="stylesheet" type="text/css" href="/app-assets/css/plugins/forms/form-validation.css">
    <link rel="stylesheet" type="text/css" href="/app-assets/css/core/menu/menu-types/vertical-menu.css">
    <link rel="stylesheet" type="text/css" href="/app-assets/css/plugins/forms/form-wizard.css">
    <link rel="stylesheet" type="text/css" href="/app-assets/css/plugins/forms/pickers/form-flat-pickr.css">
    <link rel="stylesheet" type="text/css" href="/app-assets/css/plugins/forms/pickers/form-pickadate.css">
    <!-- END: Page CSS-->
@endpush

@push('content-header')
    <div class="row breadcrumbs-top">
        <div class="col-12">
            <h2 class="content-header-title float-start mb-0">{{trans('master/master.pib_master')}}</h2>
            <div class="breadcrumb-wrapper">
                <ol class="breadcrumb">
                    <li class="breadcrumb-item"><a href="/{!! $alias !!}/home">{{trans('master/master.home')}}</a></li>
                    <li class="breadcrumb-item"><a href="/{!! $alias !!}/pib-masters">{{trans('master/master.pib_master')}}</a></li>
                    <li class="breadcrumb-item active">
                        @if(isset($pibMaster) && ($pibMaster->id))
                            {{trans('master/master.pib_master_edit')}}
                        @else
                            {{trans('master/master.pib_master_add')}}
                        @endif
                    </li>
                </ol>
            </div>
        </div>
    </div>
@endpush

@section('content')

{!! Form::model($pibMaster, ['method' => isset($pibMaster) && $pibMaster->id ? 'put' : 'post', 'files' => 'true']) !!}

<section class="vertical-wizard">
    <div class="bs-stepper vertical vertical-wizard-example">
        <div class="bs-stepper-header">
            <div class="step" data-target="#personal-info-vertical" role="tab" id="personal-info-vertical-trigger">
                <button type="button" class="step-trigger">
                    <span class="bs-stepper-box">1</span>
                    <span class="bs-stepper-label">
                        <span class="bs-stepper-title">PIB Master Details</span>
                        <span class="bs-stepper-subtitle">Add PIB Master Details</span>
                    </span>
                </button>
            </div>
        </div>

        <div class="bs-stepper-content">
            <div id="personal-info-vertical" class="content position-relative" role="tabpanel">

                <div class="content-header mb-2">
                    <h5 class="mb-0">PIB Master Details</h5>
                    <small class="text-muted">Enter PIB Master Details</small>
                </div>

                <div class="row g-1">

                    {{-- Department --}}
                    <div class="col-md-6">
                        <div class="mb-1 {{ $errors->has('department_id') ? 'has-error' : '' }}">
                            <label class="form-label">Department <span class="text-danger">*</span></label>
                            <select class="form-select select2" name="department_id">
                                <option value="">Select Department</option>
                                @foreach ($departments as $item)
                                    <option value="{{ $item->id }}"
                                        {{ old('department_id', $pibMaster->department_id ?? '') == $item->id ? 'selected' : '' }}>
                                        {{ $item->name }}
                                    </option>
                                @endforeach
                            </select>
                            {!! $errors->first('department_id','<label class="error">:message</label>') !!}
                        </div>
                    </div>

                    {{-- Item Code --}}
                    <div class="col-md-6">
                        <div class="mb-1 {{ $errors->has('item_code') ? 'has-error' : '' }}">
                            <label class="form-label">Item Code <span class="text-danger">*</span></label>
                            <select class="form-select select2-tags" name="item_code" id="item_code" style="width:100%">
                            </select>
                            {!! $errors->first('item_code','<label class="error">:message</label>') !!}
                        </div>
                    </div>

                    {{-- Item Name --}}
                    <div class="col-md-6">
                        <div class="mb-1 {{ $errors->has('item_name') ? 'has-error' : '' }}">
                            <label class="form-label">Item Name <span class="text-danger">*</span></label>
                            {!! Form::text(
                                'item_name',
                                old('item_name', isset($pibMaster->item) ? $pibMaster->item->item_name : ''),
                                [
                                    'class' => 'form-control',
                                    'id' => 'item_name',
                                    'placeholder' => 'Enter Item Name'
                                ]
                            ) !!}
                            {!! $errors->first('item_name', '<label class="error">:message</label>') !!}
                        </div>
                    </div>

                    {{-- Operation --}}
                    <div class="col-md-6">
                        <div class="mb-1 {{ $errors->has('operation') ? 'has-error' : '' }}">
                            <label class="form-label">Operation <span class="text-danger">*</span></label>
                            <select class="form-select select2-tags" name="operation" id="operation" style="width:100%">
                            </select>
                            {!! $errors->first('operation','<label class="error">:message</label>') !!}
                        </div>
                    </div>

                    {{-- Rate --}}
                    <div class="col-md-6">
                        <div class="mb-1 {{ $errors->has('rate') ? 'has-error' : '' }}">
                            <label class="form-label">Rate <span class="text-danger">*</span></label>
                            {!! Form::number('rate',
                                old('rate', $pibMaster->rate ?? ''),
                                [
                                    'class'=>'form-control',
                                    'step'=>'0.01',
                                    'placeholder'=>'Enter Rate'
                                ])
                            !!}
                            {!! $errors->first('rate','<label class="error">:message</label>') !!}
                        </div>
                    </div>

                    {{-- Status --}}
                    <div class="col-md-6">
                        <div class="mb-1">
                            <label class="form-label">Status</label>
                            <select class="form-select select2" name="status">
                                @foreach($pibMasterStatus as $status)
                                    <option value="{{ $status }}"
                                        {{ old('status', $pibMaster->status ?? '') == $status ? 'selected' : '' }}>
                                        {{ ucfirst($status) }}
                                    </option>
                                @endforeach
                            </select>
                        </div>
                    </div>

                    {{-- Attachment --}}
                    <div class="col-md-6">
                        <div class="mb-1 {{ $errors->has('attachment') ? 'has-error' : '' }}">
                            <label class="form-label">Attachment</label>
                            <div class="row g-2 align-items-center">
                                <div class="{{ !empty($pibMaster->attachment) ? 'col-9' : 'col-12' }}">
                                    {!! Form::file('attachment',[
                                        'class'=>'form-control',
                                        'accept'=>'.pdf,.jpg,.jpeg,.png',
                                         !empty($pibMaster->attachment) ? '' : 'required'
                                    ]) !!}
                                </div>

                                @if(!empty($pibMaster->attachment))
                                    <div class="col-3">
                                        <a href="{{ route('pib-master.download', [$alias, $pibMaster->id]) }}"
                                           target="_blank"
                                           class="btn btn-outline-primary btn-sm">
                                            <i data-feather="eye"></i>
                                        </a>
                                    </div>
                                @endif
                            </div>
                            @if ($pibMaster->id)
                            <small class="text-muted d-block mt-1">
                                Leave blank if you don't want to change the attachment.
                            </small>
                            @endif

                            {!! $errors->first('attachment','<label class="error">:message</label>') !!}
                        </div>
                    </div>


                    <div class="col-md-6">
                        <div class="mb-1 {{ $errors->has('remark') ? 'has-error' : '' }}">
                            <label class="form-label">Remark</label>
                            {!! Form::textarea('remark',
                                old('remark', $pibMaster->remark ?? ''),
                                [
                                    'class' => 'form-control',
                                    'rows' => '2',
                                    'placeholder' => 'Enter Remark'
                                ])
                            !!}
                            {!! $errors->first('remark','<label class="error">:message</label>') !!}
                        </div>
                    </div>

                </div>

                <div class="content-footer mt-3">
                    <div class="d-flex flex-row-reverse">
                        <button type="submit" class="btn btn-success btn-submit user-submit" id="submit-text">
                            Submit
                        </button>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
{!! Form::close() !!}
@endsection

@push('footer-script')
<!-- BEGIN: Page Vendor JS-->
<script src="/app-assets/vendors/js/forms/wizard/bs-stepper.min.js"></script>
<script src="/app-assets/vendors/js/forms/select/select2.full.min.js"></script>
<script src="/app-assets/vendors/js/forms/validation/jquery.validate.min.js"></script>
<script src="/app-assets/vendors/js/pickers/flatpickr/flatpickr.min.js"></script>
<script src="/app-assets/vendors/js/pickers/pickadate/picker.js"></script>
<script src="/app-assets/vendors/js/pickers/pickadate/picker.date.js"></script>
<script src="/app-assets/vendors/js/pickers/pickadate/picker.time.js"></script>
<script src="/app-assets/vendors/js/pickers/pickadate/legacy.js"></script>
<!-- END: Page Vendor JS-->

<!-- BEGIN: Page JS-->
<script src="/app-assets/js/scripts/forms/form-wizard.js"></script>
<script src="/app-assets/js/scripts/forms/form-validation.js"></script>
<script src="/app-assets/js/scripts/forms/pickers/form-pickers.js"></script>
<!-- END: Page JS-->

<script>
$(function () {

    let baseUrl = "/{{ $alias }}";

    // --- Item Code select2 ---
    if ($('#item_code').hasClass('select2-hidden-accessible')) {
        $('#item_code').select2('destroy');
    }

    $('#item_code').select2({
        tags: true,
        placeholder: "Search or Type Item Code",
        minimumInputLength: 0,
        width: '100%',
        ajax: {
            url: baseUrl + "/pib-items/search",
            dataType: 'json',
            delay: 250,
            data: function (params) {
                return { q: params.term || '' };
            },
            processResults: function (data) {
                return { results: data };
            },
            cache: true
        }
    });

    @if(isset($pibMaster->item))
        var initItemCode = new Option("{{ $pibMaster->item->item_code }}", "{{ $pibMaster->item->item_code }}", true, true);
        $('#item_code').append(initItemCode).trigger('change');
    @endif

    // --- Operation select2 ---
    if ($('#operation').hasClass('select2-hidden-accessible')) {
        $('#operation').select2('destroy');
    }

    $('#operation').select2({
        tags: true,
        placeholder: "Search or Type Operation",
        minimumInputLength: 0,
        width: '100%',
        ajax: {
            url: baseUrl + "/pib-operations/search",
            dataType: 'json',
            delay: 250,
            data: function(params){
                return { q: params.term || '' };
            },
            processResults: function(data){
                return {
                    results: data.map(function(item){
                        return { id: item.operation ?? item.text, text: item.operation ?? item.text };
                    })
                };
            }
        },
        createTag: function(params){
            var term = $.trim(params.term);
            if (term === '') return null;
            return { id: term, text: term, newTag: true };
        },
        insertTag: function(data, tag){
            data.unshift(tag);
        }
    });

    @if(isset($pibMaster->operation))
        var initOperation = new Option("{{ $pibMaster->operation->operation }}", "{{ $pibMaster->operation->operation }}", true, true);
        $('#operation').append(initOperation).trigger('change');
    @endif

    // Item Code -> Item Name autofill
    $('#item_code').on('change', function () {
        $.ajax({
            url: baseUrl + "/pib-items/search",
            type: "GET",
            data: { code: $(this).val() },
            success: function (res) {
                $('#item_name').val(res.item_name || '');
            }
        });
    });

});
</script>
@endpush