@extends('admin.layout.master')
@section('title', 'Set Up Report Layout')
@section('content')
    <style>
        label {
            font-size: 13px
        }

        .table th,
        .table td {
            padding: 0rem;
            padding-right: 0.35rem;
            padding-left: 0.35rem;
        }

        .nav-tabs .nav-link.active,
        .nav-tabs .nav-item.show .nav-link {
            border-top: 1px solid #2c7f6f;
            border-bottom: 1px solid #e2e2e2;
            border-left: 1px solid #2c7f6f;
            border-right: 1px solid #2c7f6f;
            background: none !important;
            color: #2c7f6f;
        }

        .nav-link:hover {
            border-bottom: #2c7f6f !important;
        }

        a.nav-link.active:hover {
            border-bottom: #e2e2e2 !important;
        }

        a.nav-link {
            color: #9e9e9e;
        }

        .nav-tabs {
            border-bottom: 1px solid #2c7f6f;
        }

        .gj-datepicker-bootstrap [role=right-icon] button .gj-icon,
        .gj-datepicker-bootstrap [role=right-icon] button .material-icons {
            top: 4px;
        }


        table,
        tr,
        th,
        td {
            border: 1px solid red;
        }

    </style>

    <div class="card sina-card">
        <div class="card-header card-header-s">
            <h4>{{__('obs.setup_report_layout_update')}} </h4>
        </div>
        <div class="card-body">
            <div class="row">
                <form action="{{ route('layout.setup-report-layout-update') }}" method="POST">
                    @csrf
                    <div class="col-md-12">
                        <div class="row mt-3 mb-3">
                            <div class="col-6">
                                <h5 class="text-bold card-title"></h5>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-md-3">
                                <div class="form-group">
                                    <label for="">{{__('obs.report_type')}}</label>
                                    <select class="form-control select2" id="reportType" name="report_type">
                                        <option value="1" {{ $edit->report_type == 1 ? 'selected' : '' }}>{{__('obs.income_state')}}
                                        </option>
                                        <option value="2" {{ $edit->report_type == 2 ? 'selected' : '' }}>{{__('obs.balance_sheet')}}
                                        </option>
                                        <option value="3" {{ $edit->report_type == 3 ? 'selected' : '' }}>{{__('obs.capital_state')}}
                                        </option>
                                    </select>
                                </div>
                            </div>
                            <div class="col-md-3">
                                <div class="form-group">
                                    <label for="">{{__('obs.title')}}</label>
                                    <input type="text" value="{{ $edit->title }}" required class="form-control"
                                        id="title" name="title" />
                                    <input type="hidden" value="{{ $edit->id }}" required class="form-control" id="id" name="id" />
                                </div>
                            </div>
                            <div class="col-md-3">
                                <div class="form-group">
                                    <label for="">{{__('obs.css_style')}}</label>
                                    <textarea name="css_style" id="cssStyle"
                                        class="form-control">{{ $edit->css_style }}</textarea>
                                </div>
                            </div>
                            <div class="col-md-3">
                                <div class="form-group">
                                    <label for="">{{__('obs.amount_border')}}</label>
                                    <select class="form-control select2" id="amountBorder" name="amount_border">
                                        <option value="0" {{ $edit->amount_border == 0 ? 'selected' : '' }}>{{__('obs.choose_one')}} </option>
                                        <option value="1" {{ $edit->amount_border == 1 ? 'selected' : '' }}>{{__('obs.left')}} </option>
                                        <option value="2" {{ $edit->amount_border == 2 ? 'selected' : '' }}>{{__('obs.right')}}</option>
                                        <option value="3" {{ $edit->amount_border == 3 ? 'selected' : '' }}>{{__('obs.top')}}</option>
                                        <option value="4" {{ $edit->amount_border == 4 ? 'selected' : '' }}>{{__('obs.bottom')}}</option>
                                        <option value="5" {{ $edit->amount_border == 5 ? 'selected' : '' }}>{{__('obs.all')}}</option>
                                    </select>
                                </div>
                            </div>
                            <div class="col-md-3">
                                <div class="form-group">
                                    <label for="">{{__('obs.data_type')}}</label>
                                    <select class="form-control select2" id="dataType" name="data_type" multiple>
                                        <option value="1" {{ $edit->data_type == 1 ? 'selected' : '' }}>{{__('obs.opening')}} </option>
                                        <option value="2" {{ $edit->data_type == 2 ? 'selected' : '' }}>{{__('obs.dr')}}</option>
                                        <option value="3" {{ $edit->data_type == 3 ? 'selected' : '' }}>{{__('obs.cr')}}</option>
                                        <option value="4" {{ $edit->data_type == 4 ? 'selected' : '' }}>{{__('obs.balance')}}</option>
                                        <option value="5" {{ $edit->data_type == 5 ? 'selected' : '' }}>{{__('obs.closing')}}</option>
                                    </select>
                                </div>
                            </div>
                            <div class="col-md-3">
                                <div class="form-group">
                                    <label for="">{{__('obs.codes')}}</label>
                                    <select class="form-control select2" id="code" name="codes[]" multiple="multiple">
                                        @foreach ($codesAccHead as $code)
                                            <option value="{{ $code->auto_code }}"
                                                {{ in_array($code->auto_code, explode(',', $edit->codes)) ? 'selected' : '' }}>
                                                {{ $code->name.'-'.$code->auto_code }}</option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>
                            <div class="col-md-3">
                                <div class="form-group">
                                    <label for="">{{__('obs.calculator_id')}}</label>
                                    <select class="form-control select2" id="calculatorIds" name="calculator_ids[]"
                                        multiple="multiple">
                                        @foreach ($calculatorID as $v_calculatorID)
                                            <option value="{{ $v_calculatorID->id }}"
                                                {{ in_array($v_calculatorID->id, explode(',', $edit->calculator_ids)) ? 'selected' : '' }}>
                                                {{ $v_calculatorID->title }}
                                            </option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>
                            <div class="col-md-3">
                                <div class="form-group">
                                    <label for="">{{__('obs.operator')}}</label>
                                    <select class="form-control select2" id="operator" name="operator">
                                        <option value="0"{{ $edit->operator == 0 ? 'selected' : '' }}>{{__('obs.choose_one')}} </option>
                                        <option value="1" {{ $edit->operator == 1 ? 'selected' : '' }}>{{__('obs.add')}}</option>
                                        <option value="2" {{ $edit->operator == 2 ? 'selected' : '' }}>{{__('obs.less')}}</option>
                                    </select>
                                </div>
                            </div>
                            <div class="col-md-3">
                                <div class="form-group">
                                    <label for="">{{__('obs.show')}}</label>
                                    <select class="form-control select2" id="Show" name="show">
                                        <option value="3" {{ $edit->show == 3 ? 'selected' : '' }}>{{__('obs.amount')}}</option>
                                        <option value="2" {{ $edit->show == 2 ? 'selected' : '' }}>{{__('obs.title_&_amount')}}</option>
                                        <option value="1" {{ $edit->show == 1 ? 'selected' : '' }}>{{__('obs.title')}}</option>
                                        <option value="0" {{ $edit->show == 0 ? 'selected' : '' }}>{{__('obs.blank')}}</option>
                                    </select>
                                </div>
                            </div>
                            <div class="col-md-3">
                                <div class="form-group">
                                    <label for="">{{__('obs.sort_index')}}</label>
                                    <input type="number" class="form-control" value="{{ $edit->sort_index }}"
                                        id="sort_index" name="sort_index" />
                                </div>
                            </div>
                            <div class="col-md-3">
                                <div class="form-group">
                                    <label for="">{{__('obs.call_back_report')}}</label>
                                    <input type="number" value="{{ $edit->call_back_report }}" class="form-control"
                                        id="callBackReport" name="call_back_report" />
                                </div>
                            </div>
                            <div class="col-md-3">
                                <div class="form-group">
                                    <label for="">{{__('obs.ledger_code_details')}}</label>
                                    <select class="form-control select2" id="ledgerCodeDetails" name="ledger_code_details">
                                        <option value="1" {{ $edit->ledger_code_details == 1 ? 'selected' : '' }}>{{__('obs.ledger')}}
                                        </option>
                                        <option value="2" {{ $edit->ledger_code_details == 2 ? 'selected' : '' }}>{{__('obs.ledger_but')}}
                                            {{__('obs.hide')}}</option>
                                        <option value="3" {{ $edit->ledger_code_details == 3 ? 'selected' : '' }}>{{__('obs.code')}}
                                        </option>
                                        <option value="4" {{ $edit->ledger_code_details == 4 ? 'selected' : '' }}>{{__('obs.code_but')}}
                                            {{__('obs.hide')}}</option>
                                    </select>
                                </div>
                            </div>
                            <div class="col-md-3">
                                <div class="form-group">
                                    <label for="">{{__('obs.status')}}</label>
                                    <select class="form-control select2" id="status" name="status">
                                        <option value="1" {{ $edit->status == 1 ? 'selected' : '' }}>{{__('obs.on')}}</option>
                                        <option value="0" {{ $edit->status == 0 ? 'selected' : '' }}>{{__('obs.off')}}</option>
                                    </select>
                                </div>
                            </div>
                            <div class="col-md-3 mt-4">
                                <div class="form-group">
                                    <button type="submit" class="btn btn-danger btn-sm">{{__('obs.update')}}</button>
                                    <a href="{{ route('layout.setup-report-layout') }}" type="button" class="btn btn-success btn-sm">{{__('obs.back')}}</a>
                                </div>
                            </div>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
    <script>
        $(document).ready(function() {
            $('.select2').select2();
        });
    </script>
@endsection