@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</h4>
        </div>
        <div class="card-body">
            <div class="row">
                <form action="{{ route('layout.setup-report-layout-store') }}" 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" {{ $type == 1 ? 'selected' : '' }}>Income State</option>
                                        <option value="2" {{ $type == 2 ? 'selected' : '' }}>Balance Sheet</option>
                                        <option value="3" {{ $type == 3 ? 'selected' : '' }}>Capital State</option>
                                        <option value="3" {{ $type == 11 ? 'selected' : '' }}>Custom Report Api</option>
                                    </select>
                                </div>
                            </div>
                            <div class="col-md-3">
                                <div class="form-group">
                                    <label for="">Title</label>
                                    <input type="text" required class="form-control" id="title" name="title" />
                                </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"></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">None</option>
                                        <option value="1">Left </option>
                                        <option value="2">Right</option>
                                        <option value="3">Top</option>
                                        <option value="4">Bottom</option>
                                        <option value="5">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">Opening </option>
                                        <option value="2">Dr</option>
                                        <option value="3">Cr</option>
                                        <option value="4">Balance</option>
                                        <option value="5">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 }}">{{ $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 }}">{{ $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">Choose One </option>
                                        <option value="1">Add</option>
                                        <option value="2">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">Amount</option>
                                        <option value="2">Title & Amount</option>
                                        <option value="1">Title</option>
                                        <option value="0">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" id="sort_index" name="sort_index" />
                                </div>
                            </div>
                            <div class="col-md-3">
                                <div class="form-group">
                                    <label for="">Call Back Report</label>
                                    <select class="form-control select2" id="callBackReport"
                                        name="call_back_report" >
                                        <option value=""></option>
                                        @foreach ($calculatorID->groupBy(' report_type ') as $k=>$v_calculatorID)
                                            <option value="{{ $k }}">{{ $v_calculatorID->first()->title }}
                                            </option>
                                        @endforeach
                                    </select>
                                </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">Ledger</option>
                                        <option value="2">Ledger But Hide</option>
                                        <option value="3">Code</option>
                                        <option value="4">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">On</option>
                                        <option value="0">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">Save</button>
                                    <button type="button" onclick="search()" class="btn btn-success btn-sm">Search </button>
                                    <a href="{{ route('layout.setup-report-layout') }}" type="button"
                                        class="btn btn-warning btn-sm">Refresh</a>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-12" style="margin-top: 7%">
                            <p style="color:green" class="text-center">{{ $message }}</p>
                            <table class="table myTable" id="DataTable">
                                <thead>
                                    <tr>
                                        <th scope="col">#</th>
                                        <th scope="col">Title</th>
                                        <th scope="col">Code</th>
                                        <th nowrap scope="col">Css Style</th>
                                        <th nowrap scope="col">Amount Border</th>
                                        <th nowrap scope="col">Data Type</th>
                                        <th nowrap scope="col">Calculator Id </th>
                                        <th nowrap scope="col">Operator</th>
                                        <th nowrap scope="col">Show</th>
                                        <th nowrap scope="col">Sort Index</th>
                                        <th nowrap scope="col">Call Back Report</th>
                                        <th nowrap scope="col">Ledger Code Details</th>
                                        <th nowrap scope="col">Status</th>
                                        <th nowrap scope="col">Action</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @forelse ($calculatorID as $v_calculatorID)
                                                                                <tr>
                                            <td>{{ $v_calculatorID->id }}</td>
                                            <td>{{ $v_calculatorID->title }}</td>
                                            <td>
                                                @php
                                                    $cod_s = explode(',', $v_calculatorID->codes);
                                                @endphp
                                                @forelse ($cod_s as $coid)
                                                    @if (array_key_exists($coid, $names))
                                                        {{ $names[$coid] }},
                                                    @endif
                                                @empty
                                                @endforelse
                                            </td>
                                            <td>{{ $v_calculatorID->css_style }}</td>
                                            <td>
                                                @if ($v_calculatorID->amount_border == 1)
                                                    <p>Left</p>
                                                @elseif ($v_calculatorID->amount_border ==2)
                                                    <p>Right</p>
                                                @elseif ($v_calculatorID->amount_border ==3)
                                                    <p>Top</p>
                                                @elseif ($v_calculatorID->amount_border ==4)
                                                    <p>Bottom</p>
                                                @elseif ($v_calculatorID->amount_border ==5)
                                                    <p>All</p>
                                                @endif
                                            </td>
                                            <td>
                                                @if ($v_calculatorID->data_type == 1)
                                                    <p>Beginning</p>
                                                @elseif ($v_calculatorID->data_type ==2)
                                                    <p>Dr</p>
                                                @elseif ($v_calculatorID->data_type ==3)
                                                    <p>Cr</p>
                                                @elseif ($v_calculatorID->data_type ==4)
                                                    <p>Balance</p>
                                                @elseif ($v_calculatorID->data_type ==5)
                                                    <p>Closing</p>
                                                @endif
                                            </td>
                                            <td>
                                                                                                @php
                                                    $c_ids = explode(',', $v_calculatorID->calculator_ids);
                                                @endphp
                                                @forelse ($c_ids as $cid)
                                                    @if (array_key_exists($cid, $titles))
                                                        {{ $titles[$cid] }},
                                                    @endif
                                                @empty
                                                @endforelse
                                            </td>
                                            <td>
                                                @if ($v_calculatorID->operator == 1)
                                                    <p>Add</p>
                                                @elseif ($v_calculatorID->data_type ==0)
                                                    <p>Less</p>
                                                @endif
                                            </td>
                                            <td>
                                                @if ($v_calculatorID->show == 3)
                                                    <p>Amount</p>
                                                @elseif ($v_calculatorID->show ==2)
                                                    <p>Title And Amount</p>
                                                @elseif ($v_calculatorID->show ==1)
                                                    <p>Title</p>
                                                @elseif ($v_calculatorID->show ==0)
                                                    <p>Blank</p>
                                                @endif
                                            </td>
                                            <td>
                                                {{ $v_calculatorID->sort_index }}
                                            </td>
                                            <td>
                                                {{ $v_calculatorID->call_back_report }}
                                            </td>
                                            <td>
                                                @if ($v_calculatorID->ledger_code_details == 1)
                                                    <p>Ledger</p>
                                                @elseif ($v_calculatorID->ledger_code_details ==2)
                                                    <p>Ledger but hide</p>
                                                @elseif ($v_calculatorID->ledger_code_details ==3)
                                                    <p>Code</p>
                                                @elseif ($v_calculatorID->ledger_code_details ==4)
                                                    <p>code but hide</p>
                                                @endif
                                            </td>
                                            <td>
                                                @if ($v_calculatorID->status == 1)
                                                    <p>On</p>
                                                @elseif ($v_calculatorID->status == 0)
                                                    <p>Off</p>
                                                @endif
                                            </td>
                                            <td>
                                                <a href="{{ route('layout.setup-report-layout-edit', ['id' => $v_calculatorID->id]) }}"
                                                    class="btn btn-primary btn-sm">Edit</a>
                                            </td>
                                        </tr>
                                    @empty
                                        <tr>
                                            <td colspan="14">
                                                <h6 style="color: green">Sorry!! Data Not Found</h6>
                                            </td>
                                        </tr>
                                    @endforelse
                                </tbody>
                            </table>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
    <script>
        $(document).ready(function() {
            $('.select2').select2();
        });
    </script>
    <script src="{{ asset('/') }}accounts/custom/setup_report_layout.js"></script>
@endsection