@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>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="">Report Type</label>
                                    <select class="form-control select2" id="reportType" name="report_type">
                                        <option value="1" {{ $edit->report_type == 1 ? 'selected' : '' }}>Income State
                                        </option>
                                        <option value="2" {{ $edit->report_type == 2 ? 'selected' : '' }}>Balance Sheet
                                        </option>
                                        <option value="3" {{ $edit->report_type == 3 ? 'selected' : '' }}>Capital State
                                        </option>
                                    </select>
                                </div>
                            </div>
                            <div class="col-md-3">
                                <div class="form-group">
                                    <label for="">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="">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="">Amount Border</label>
                                    <select class="form-control select2" id="amountBorder" name="amount_border">
                                        <option value="0" {{ $edit->amount_border == 0 ? 'selected' : '' }}>Choose One </option>
                                        <option value="1" {{ $edit->amount_border == 1 ? 'selected' : '' }}>Left </option>
                                        <option value="2" {{ $edit->amount_border == 2 ? 'selected' : '' }}>Right</option>
                                        <option value="3" {{ $edit->amount_border == 3 ? 'selected' : '' }}>Top</option>
                                        <option value="4" {{ $edit->amount_border == 4 ? 'selected' : '' }}>Bottom</option>
                                        <option value="5" {{ $edit->amount_border == 5 ? 'selected' : '' }}>All</option>
                                    </select>
                                </div>
                            </div>
                            <div class="col-md-3">
                                <div class="form-group">
                                    <label for="">Data Type</label>
                                    <select class="form-control select2" id="dataType" name="data_type" multiple>
                                        <option value="1" {{ $edit->data_type == 1 ? 'selected' : '' }}>Opening </option>
                                        <option value="2" {{ $edit->data_type == 2 ? 'selected' : '' }}>Dr</option>
                                        <option value="3" {{ $edit->data_type == 3 ? 'selected' : '' }}>Cr</option>
                                        <option value="4" {{ $edit->data_type == 4 ? 'selected' : '' }}>Balance</option>
                                        <option value="5" {{ $edit->data_type == 5 ? 'selected' : '' }}>Closing</option>
                                    </select>
                                </div>
                            </div>
                            <div class="col-md-3">
                                <div class="form-group">
                                    <label for="">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="">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="">Operator</label>
                                    <select class="form-control select2" id="operator" name="operator">
                                        <option value="0"{{ $edit->operator == 0 ? 'selected' : '' }}>Choose One </option>
                                        <option value="1" {{ $edit->operator == 1 ? 'selected' : '' }}>Add</option>
                                        <option value="2" {{ $edit->operator == 2 ? 'selected' : '' }}>Less</option>
                                    </select>
                                </div>
                            </div>
                            <div class="col-md-3">
                                <div class="form-group">
                                    <label for="">Show</label>
                                    <select class="form-control select2" id="Show" name="show">
                                        <option value="3" {{ $edit->show == 3 ? 'selected' : '' }}>Amount</option>
                                        <option value="2" {{ $edit->show == 2 ? 'selected' : '' }}>Title & Amount</option>
                                        <option value="1" {{ $edit->show == 1 ? 'selected' : '' }}>Title</option>
                                        <option value="0" {{ $edit->show == 0 ? 'selected' : '' }}>Blank</option>
                                    </select>
                                </div>
                            </div>
                            <div class="col-md-3">
                                <div class="form-group">
                                    <label for="">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="">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="">Ledger Code Details</label>
                                    <select class="form-control select2" id="ledgerCodeDetails" name="ledger_code_details">
                                        <option value="1" {{ $edit->ledger_code_details == 1 ? 'selected' : '' }}>Ledger
                                        </option>
                                        <option value="2" {{ $edit->ledger_code_details == 2 ? 'selected' : '' }}>Ledger But
                                            Hide</option>
                                        <option value="3" {{ $edit->ledger_code_details == 3 ? 'selected' : '' }}>Code
                                        </option>
                                        <option value="4" {{ $edit->ledger_code_details == 4 ? 'selected' : '' }}>Code But
                                            Hide</option>
                                    </select>
                                </div>
                            </div>
                            <div class="col-md-3">
                                <div class="form-group">
                                    <label for="">Status</label>
                                    <select class="form-control select2" id="status" name="status">
                                        <option value="1" {{ $edit->status == 1 ? 'selected' : '' }}>On</option>
                                        <option value="0" {{ $edit->status == 0 ? 'selected' : '' }}>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">Update</button>
                                    <a href="{{ route('layout.setup-report-layout') }}" type="button" class="btn btn-success btn-sm">Back</a>
                                </div>
                            </div>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
    <script>
        $(document).ready(function() {
            $('.select2').select2();
        });
    </script>
@endsection