@extends('admin.layout.master')
@section('custom_style')
    <style>

    </style>
@endsection

@section('content')
@include('admin.layout.flash_message')

    <div class="card sina-card">
        <div class="card-header d-flex justify-content-between align-items-center ">
            <div>
                <h5 class="font-weight-bold mb-0">{{ __('obs.budget') }} {{ __('obs.settings') }}</h5>
            </div>
        </div>
        <div class="card-body">
            <div class="row">
                <div class="col-md-5">
                    <form action="{{ route('accounts.budget.setting.update', ['id' => $budget_setting->id]) }}" method="post" class="form-horizontal" id="budget_setting_form" enctype="multipart/form-data">
                        @csrf
                        <div class="row g-3">
                            <div class="col-lg-12">
                                <table class="table cl-table table-bordered rounded-2">
                                    <tr>
                                        <td>
                                            <label for="assigned_user" class="labels cl-form-label">{{ __('obs.head') }}</label>
                                        </td>
                                        <td>
                                            <div class="d-flex">
                                                <input type="text" class="form-control" name="name" id="name" value="{{ old('name', $budget_setting->name) }}">
                                            </div>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>
                                            <label for="ledger_id" class="labels cl-form-label">{{ __('obs.ledger') }}</label>
                                        </td>
                                        <td>
                                            <div class="d-flex">
                                                <select class="form-control cl-form-control name_code_ledger_search" name="ledger[]" id="ledger_id" multiple>
                                                    @foreach ($chart_of_accounts as $ledger)
                                                        <option value="{{ $ledger->id }}" 
                                                            @if(in_array($ledger->id, $budget_setting->ledger)) selected @endif>
                                                            {{ $ledger->name }} -- {{ $ledger->auto_code }}
                                                        </option>
                                                    @endforeach
                                                </select>
                                            </div>
                                        </td>
                                    </tr>
                    
                                    <tr>
                                        <td>
                                            <label class="labels cl-form-label">{{ __('obs.type') }}</label>
                                        </td>
                                        <td>
                                            <div class="d-flex">
                                                <select class="form-control cl-form-control" id="type" name="type_id">
                                                    <option value="">
                                                        {{ __('obs.select') }} {{ __('obs.type') }}
                                                    </option>
                                                    @foreach ($types as $type)
                                                        <option value="{{ $type->id }}" 
                                                            @if($type->id == $budget_setting->type_id) selected @endif>
                                                            {{ $type->name ?? null }}
                                                        </option>
                                                    @endforeach
                                                </select>
                                            </div>
                                        </td>
                                    </tr>
                                </table>
                            </div>
                            <div class="row mb-4">
                                <div class="form-group col-8 text-center mt-2">
                                    <button id="submit_button" type="button" class="btn btn-primary" onclick="submitForm('budget_setting_form')">
                                        <i class="fa fa-save mr-1"></i> {{ __('obs.update') }}
                                    </button>
                                </div>
                            </div>
                        </div>
                    </form>
                    
                </div>


                <div class="col-md-7">
                    <div class="cl-table-container">
                        <div class="table-responsive" id="print">
                            <table class="table table-bordered table-hover text-center"  id="">
                                <thead class="mt-3">
                                    <tr>
                                        <th>{{__('obs.sl')}}</th>
                                        <th>{{__('obs.head')}}</th>
                                        <th>{{__('obs.ledger')}}</th>
                                        <th>{{__('obs.type')}}</th>
                                        <th>{{__('obs.action')}}</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @foreach ($budget_settings as $list)
                                        <tr>
                                            <td>{{$loop->iteration}}</td>
                                            <td>{{$list->name}}</td>
                                            <td>
                                                @foreach ($list->ledger_names as $ledgerName)
                                                <span class="badge bg-secondary mb-1"> {{ $ledgerName }}</span>
                                                @endforeach
                                            </td>
                                            <td>{{$list->type->name}}</td>
                                            <td>
                                                <a href="{{ route('accounts.budget.setting.edit',['id'=>$list->id]) }}" class="btn btn-warning btn-sm">{{ __('obs.edit') }}</a>
                                            </td>
                                        </tr>
                                    @endforeach
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>


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

@section('script')
    <script src="{{ asset('/') }}budget/budget_common.js"></script>

    <script>
        $(document).ready(function() {

        })
        $(".select_2").select2();

        function submitForm(formId) {
            var message = "Do you want to Submit?";
            var confirmButtonText = "Yes, Submit it!";
            var actionUrl = null;
            var method = null;

            var requiredFields = {
                name: 'Head',
                ledger_id: 'Ledger',
                type: 'Type',
            };
            var foundMissingFields = [];
            var missingFields = checkRequiedField(formId, requiredFields, foundMissingFields);
            showConfirmAndSubmit(formId, message, confirmButtonText, ajax = 0, actionUrl, data = null, method, pageReload = 0, removeDomId = null, missingFields);
        }
    </script>
@endsection