@extends('layout.layout')

@section('content')
<section class="prejudiciu">
    <h2>Salvati date despre prejudiciu</h2>
    @if($errors->has('fail'))
    @foreach ($errors->all() as $error)
    <div class="alert alert-danger  text-white text-center mt-2 styled_alert_danger" role="alert">
        {{ $error }}
        <button type="button" class="btn-close btn-alerta styled_closed_btn" data-bs-dismiss="alert"
            aria-label="Close">x</button>
    </div>
    @endforeach
    @endif
    <div class="d-flex justify-content-center">
        <button type="button" class="btn btn-primary" id="get_back_to_table">Revino la formular</button>
        <button type="button" class="btn btn-success" id="show_tabel_prejudiciu">Vezi tabel cu date</button>
    </div>
    <div class="search-div hidden_search_prejudice w-100" id="hidden_search">
        <input type="text" value="{{request()->get('search_objects','')}}" name="search_objects" id="search_objects"
            placeholder="Cauta dupa nume contract sau numele agentiei" class="input_style mb-4">
    </div>

    <div class="two_inputs_per_line w-100 hidden_search_prejudice" id="hidden_excel">
        <form action="/generate-excel-prejudiciu" class="form_excel_prejudiciu" method="POST">
            @csrf
            <div class="contains_label_input w-100">
                <label for="">De la ce data</label>
                <input type="date" class="input_style" name="start_date" id="start_date_prejudiciu" required>
            </div>

            <div class="contains_label_input w-100">
                <label for="">Pana la ce data </label>
                <input type="date" class="input_style" name="end_date" id="end_date_prejudiciu" required>
            </div>

            <div class="contains_label_input w-100">
                <label for="">Agentie</label>
                <select class="input_style" name="branch" id="branch_prejudiciu">
                    <option value="">Alege agentie</option>
                    @foreach ($branchesPrejudices as $branch)
                    <option value="{{ $branch->BRANCH }}">{{ $branch->NAME }}</option>
                    @endforeach
                </select>
            </div>

            <div class="contains_label_input w-100">
                <label for="">Cui i s-a imputat suma</label>
                <select class="input_style" name="user_id" id="user_id_prejudiciu">
                    <option value="">Alege user</option>
                    @foreach ($usersPrejudices as $user)
                    <option value="{{ $user->id }}">{{ $user->username }}</option>
                    @endforeach
                </select>
            </div>
            <button class="btn btn-success">Genereaza excel</button>
        </form>
    </div>
    <div id="show_table_section"></div>
    <div class="container">
        <form id="salveaza_prejudiciu">
            @csrf
            <div id="error_prejudiciu"></div>
            <div class="two_inputs_per_line">
                <div class="contains_label_input">
                    <label for="">Alege agentie</label>
                    <select class="input_style" name="agentie" id="agentie">
                        <option value="">Alege agentie</option>
                        @foreach ($branches as $branch)
                        <option value="{{ $branch->BRANCH }}">{{ $branch->NAME }}</option>
                        @endforeach
                    </select>
                </div>
                <div class="contains_label_input">
                    <label for="">Numar contract</label>
                    <input type="text" placeholder=" Numar contract" class="input_style" name="contract" id="contract">
                </div>

                <div class="contains_label_input">
                    <label for="">Data contractului</label>
                    <input type="date" class="input_style" name="data_contract" id="data_contract">
                </div>
            </div>

            <div class="two_inputs_per_line">
                <button type="button" id="fill_data_button" class="btn btn-success">Verifica contract</button>
            </div>
            <div id="error_fill_data_contract"></div>
            <div class="two_inputs_per_line" id="div_to_be_filled">
                <div class="contains_label_input">
                    <label for="">Tip contract</label>
                    <input type="text" class="input_style" placeholder="Tip contract" disabled id="show_tip_contract">
                </div>

                <div class="contains_label_input">
                    <label for="">Valoare contract</label>
                    <input type="text" class="input_style" placeholder="Valoare contract" disabled
                        id="show_valoare_contract">
                </div>

                <div class="contains_label_input">
                    <label for="">Nume client</label>
                    <input type="text" class="input_style" placeholder="Nume client" disabled id="show_nume_client">
                </div>
            </div>

            <div class="two_inputs_per_line" id="div_to_be_filled">
                <div class="contains_label_input">
                    <label for="">Operator SoftOne</label>
                    <input type="text" class="input_style" placeholder="Operator SoftOne" disabled
                        id="show_operator_s1">
                </div>

                <div class="contains_label_input">
                    <label for="">Cod agentie</label>
                    <input type="text" class="input_style" placeholder="Cod agentie" disabled id="show_cod_agentie">
                </div>

                <div class="contains_label_input">
                    <label for="">Cod bare</label>
                    <input type="text" class="input_style" placeholder="Cod bare" disabled id="show_cod_bare">
                </div>
            </div>

            <div class="two_inputs_per_line">
                <div class="contains_label_input">
                    <label for="">NumarPV</label>
                    <input type="text" class="input_style" placeholder="NumarPv" name="numarPv">
                </div>

                <div class="contains_label_input">
                    <label for="">Introduceti prima poza</label>
                    <input type="file" class="input_style" name="first_image" placeholder="Prima poza">
                </div>

                <div class="contains_label_input">
                    <label for="">Introduceti a doua poza</label>
                    <input type="file" class="input_style" name="second_image" placeholder="A doua poza">
                </div>
            </div>


            <div class="two_inputs_per_line">
                <div class="contains_label_input">
                    <label for="">Data constatarii deficientei</label>
                    <input type="date" class="input_style" name="data_constatatoare">
                </div>
                <div class="contains_label_input">
                    <label for="">Alege cine a descoperit</label>
                    <select class="input_style" name="found_by" id="found_by">
                        <option value="">Alege operator</option>
                        @foreach ($users as $user)
                        <option value="{{ $user->id }}">{{ $user->username }}</option>
                        @endforeach
                    </select>
                </div>

                <div class="contains_label_input">
                    <label for="">Valoare deficienta</label>
                    <input type="text" placeholder="Valoare deficienta" class="input_style" name="deficienta">
                </div>
            </div>



            <div class="two_inputs_per_line">
                <div class="contains_label_input">
                    <label for="">Cui se imputa suma</label>
                    <select class="input_style" name="user_id" id="user_id">
                        <option value="">Alege user</option>
                        @foreach ($allUsers as $user)
                        <option value="{{ $user->id }}">{{ $user->username }}</option>
                        @endforeach
                    </select>
                </div>
                <div class="contains_label_input">
                    <label for="">Tip de operator</label>
                    <select class="input_style" name="operator_type">
                        <option value="">Alegeti tip operator</option>
                        <option value="1">Operator agentie</option>
                        <option value="2">Operator risc</option>
                    </select>
                </div>
                <div class="contains_label_input">
                    <label for="">Valoarea imputata</label>
                    <input type="text" placeholder="Valoarea imputata" class="input_style" name="valoare_imputata">
                </div>
            </div>
            <div class="two_inputs_per_line">
                <div class="contains_label_input">
                    <label for="">Mesaj pentru deficienta</label>
                    <textarea type="text" placeholder="Mesaj despre deficienta" class="input_style"
                        name="mesaj_deficienta"></textarea>
                </div>
            </div>
            <div class="two_inputs_per_line">
                <div class="contains_label_input">
                    <label for="">Adaugati referat</label>
                    <input type="file" class="input_style" name="referat">
                </div>
            </div>
            <!-- cine a verificat contractul in inventarul respectiv operator risc verificator -->
            <div class="two_inputs_per_line">
                <button type="button" id="fill_data_existing_inventory" class="btn btn-primary">Verifica existenta
                    inventare</button>
            </div>
            <div id="show_table_section_existing_inventory"></div>

            <button class="normal_btn" id="save_prejudiciu" style="margin-bottom: 2rem;">Salveaza</button>
        </form>


    </div>
</section>

@push('js')
<script>
    $(document).ready(function () {
        $("#user").select2({
            placeholder: " cui se imputa suma",
            allowClear: true
        });
    });
    $("#found_by").select2({
        placeholder: "Alege un operator risc ce a descoperit",
        allowClear: true
    });
    $(document).ready(function () {
        $("#agentie").select2({
            placeholder: "Alege agentie",
            allowClear: true
        });
    });
    $(document).ready(function () {
        $("#save_prejudiciu").on('click', function () {
            $("#user").select2({
                placeholder: " cui se imputa suma",
                allowClear: true
            });
            $("#found_by").select2({
                placeholder: "Alege un operator risc ce a descoperit",
                allowClear: true
            });
            $("#agentie").select2({
                placeholder: "Alege agentie",
                allowClear: true
            });
        });
    });

    $(function () {
        $("#salveaza_prejudiciu").on('submit', function (e) {
            e.preventDefault();
            $.ajax({
                url: '/save-prejudiciu',
                method: 'POST',
                data: new FormData(this),
                processData: false,
                dataType: 'json',
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                },
                contentType: false,
                success: function (data) {
                    $('#salveaza_prejudiciu')[0].reset();
                    $("#error_prejudiciu").html(data.success);
                    $("#error_prejudiciu").fadeTo(2000, 500).slideUp(500);
                    $("#error_prejudiciu").slideUp(500);

                },
                error: function (error) {
                    $("#error_prejudiciu").html(error.responseJSON.fail);
                    $("#error_prejudiciu").fadeTo(6000, 2000).slideUp(2000);
                    $("#error_prejudiciu").slideUp(2000);
                }
            });
        });
    });


    $("#show_tabel_prejudiciu").on('click', function () {
        $("#salveaza_prejudiciu").addClass('hidden_form_prejudice');
        $("#hidden_search").removeClass('hidden_search_prejudice');
        $("#hidden_excel").removeClass('hidden_search_prejudice');
        $.ajax({
            type: 'get',
            url: '/vezi-tabel',
            success: function (data) {
                $('#show_table_section').html(data);
                window.history.pushState("string", "inventar", "/vezi-tabel");
            }
        });
    })

    $("#get_back_to_table").on('click', function () {
        window.history.pushState("string", "inventar", "/prejudiciu");
        $("#salveaza_prejudiciu").removeClass('hidden_form_prejudice');
        $("#hidden_search").addClass('hidden_search_prejudice');
        $("#hidden_excel").addClass('hidden_search_prejudice');
        $('#show_table_section').html(' ');
    })

    $(document).ready(function () {
        $(document).on('click', '.pagination a', function (event) {
            event.preventDefault();
            $('li').removeClass('active');
            $(this).parent('li').addClass('active');
            var myurl = $(this).attr('href');
            var page = $(this).attr('href').split('page=')[1];
            getData(page);
        });
    });

    function getData(page) {
        $.ajax({
            url: '/vezi-tabel?page=' + page,
            type: "get",
            datatype: "html"
        }).done(function (data) {
            $("#show_table_section").html(data);
            window.history.pushState("string", "inventar", window.location.pathname + "?page=" + page);
        }).fail(function (jqXHR, ajaxOptions, thrownError) {
            window.location.reload();
        });

    }
    $('#search_objects').on('keyup', function () {
        $value = $(this).val();
        $.ajax({
            type: 'get',
            url: '/vezi-tabel',
            data: {
                'search_objects': $value
            },
            success: function (data) {
                $('#show_table_section').html(data);
            }
        });
    })
    $("#fill_data_button").on('click', function () {
        $contract = $("#contract").val();

        $agentie = $("#agentie").val();

        $data_contract = $("#data_contract").val();

        $.ajax({
            type: 'POST',
            url: '/fill-data',
            headers: {
                'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
            },
            data: {
                'contract': $contract,
                'agentie': $agentie,
                'data_contract': $data_contract
            },
            success: function (data) {
                $('#show_tip_contract').val(data.tip_contract);
                $('#show_valoare_contract').val(data.valoare);
                $('#show_nume_client').val(data.nume_client);
                $('#show_operator_s1').val(data.operator_s1);
                $('#show_cod_agentie').val(data.cod_agentie);
                $('#show_cod_bare').val(data.cod_bare);

            },
            error: function (error) {
                $("#error_fill_data_contract").html(error.responseJSON.fail);
                $("#error_fill_data_contract").fadeTo(6000, 2000).slideUp(2000);
                $("#error_fill_data_contract").slideUp(2000);
            }
        });
    });
    $("#fill_data_existing_inventory").on('click', function () {
        $contract = $("#contract").val();

        $.ajax({
            type: 'POST',
            url: '/fill-data-existing-inventory',
            headers: {
                'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
            },
            data: {
                'contract': $contract,
            },
            success: function (data) {
                $('#show_table_section_existing_inventory').html(data);
            },
            error: function (error) {
                $('#show_table_section_existing_inventory').html(error.responseJSON.fail);
            }
        });
    });

</script>
@endpush
@endsection