@extends('layout.layout')

@section('content')

<section class="chose_inve" id="section_open_contract">
    <div id="errors_open_contract"></div>

    @if($nr == 0)
    @php
    if(isset($_GET['inventar_search'])) {
    $test = $inventories->where('id',strtok($_GET['inventar_search'], '?'))->first();
    }
    else {
    $test = null;
    }
    @endphp
    <div class="form-group">
        <label class="text-dark fw-bold">Alege pe ce inventar sa faci contractele</label>
        <select name="inventar_search" id="search_by_inv" class="input_style mb-4">
            @if($test)
            <option value="{{$test->id}}" selected>{{ $test->name }} - AGENTIA {{ $test->branch_name }}</option>
            @endif
            @foreach ($inventories as $inventory)
            <option value="{{$inventory->id}}">{{ $inventory->name }} - AGENTIA {{ $inventory->branch_name }}</option>
            @endforeach
        </select>
    </div>

    <div class="form-group">
        <label class="text-dark fw-bold">Cauta dupa numar contract sau cod de bare</label>
        <input type="text" name="search" id="search" value="{{request()->get('search','')}}" class="input_style mb-3"
            placeholder="Cauta dupa numar contract sau cod de bare" />
    </div>
    @if($errors->has('success'))
    @foreach ($errors->all() as $error)
    <div class="container-alert-for-test-score">
        <div class="alert alert-success" role="alert">{{ $error }}</div>
    </div>
    @endforeach
    @endif
    <div id="pagination_data">
        @include("inventar.chose-pagination",["contracts"=>$contracts])
    </div>
    @else
    <div class="d-flex text-chose justify-content-around">
        <div class="d-flex flex-column">
            <h5><span class="text-primary">Data contract:</span>
                {{  date('Y-m-d', strtotime($check_user_open_contracts->data_contract)) }}</h5>
            <h5><span class="text-primary">Numar contract:</span> {{ $check_user_open_contracts->nr_contract }}</h5>
            <h5><span class="text-primary">Cod bare:</span> {{ $check_user_open_contracts->codbare }}</h5>
            <h5><span class="text-primary">Nume client:</span> {{ $check_user_open_contracts->nume_client }}</h5>
            <h5><span class="text-primary">Valoare contract:</span> {{ $check_user_open_contracts->valoare }}</h5>
            <h5><span class="text-primary">Operator softOne:</span> {{ $check_user_open_contracts->operator_s1 }}</h5>
        </div>
        <div class="d-flex flex-column">
            <h5><span class="text-primary">Nume inventar:</span> {{ $inventories->inv_name ?? '' }}</h5>
            <h5><span class="text-primary">Agentie:</span> {{ $inventories->branch_name ?? '' }}</h5>
            @if(isset($inventories) && !empty($inventories->planned_date))
    <h5><span class="text-primary">Data planificată:</span> 
        {{ date('Y-m-d', strtotime($inventories->planned_date)) }}
    </h5>
@endif
            <h5><span class="text-primary">Data Deschidere:</span>
            @if($inventories && $inventories->start_date != null) {{ $inventories->start_date ? date('Y-m-d', strtotime($inventories->start_date)) : '' }} @endif</h5>
            <h5><span class="text-primary">Presedinte comisie:</span> {{ $inventories->presedinte_comisie ?? '' }}</h5>

            <h5 id="dif_valorica_total_contract"><span class="text-primary">Total Diferenta valorica Contract:</span>
                {{ round($check_user_open_contracts->diferenta_valorica,2) }}</h5>
        </div>
    </div>
    <div id="errors_edited_line"></div>
    @if($errors->has('fail'))
    @foreach ($errors->all() as $error)
    <div class="container-alert-for-test-score">
        <div class="alert alert-danger" role="alert">{{ $error }}</div>
    </div>
    @endforeach
    @endif
    <div class="table-responsive mt-5">
        <div class="d-flex w-100 justify-content-between px-2 py-2">
            <h5 class="text-success fw-bold">INFORMATII SOFTONE</h5>
            <h5 class="text-primary fw-bold">CONSTATARE INVENTARIERE</h5>
        </div>
        <table class="table table-striped table-bordered table-responsive" id="table_lines">
            <tr class="text-center">
                <th class="text-success fw-bold">Obiect</th>
                <th class="text-success fw-bold">Carataj</th>
                <th class="text-success fw-bold">Gr bruta</th>
                <th class="text-success fw-bold">Deseu </th>
                <th class="text-success fw-bold">Gr neta</th>
                <th class="text-success fw-bold">Grad uzura</th>
                <td class="text-success fw-bold">Pret recalculat</td>
                <th>Actiuni</th>
                <th>Modifica detalii</th>
                <th class="text-danger">Diferenta valorica</th>
                <td class="text-primary fw-bold">Colateral </td>
                <td class="text-primary fw-bold">Carataj </td>
                <td class="text-primary fw-bold">Gr bruta </td>
                <td class="text-primary fw-bold">Deseu </td>
                <td class="text-primary fw-bold">Gr neta </td>
                <td class="text-primary fw-bold">Grad uzura </td>
                <td class="text-primary fw-bold">Mesaj</td>
            </tr>
            @foreach($lines as $line)
            <tr class="text-center">
                <td>{{$line->colateral}}</td>
                <td>{{$line->carataj}}</td>
                <td>{{ round($line->gr_bruta,2) }}</td>
                <td>{{ round($line->deseu,2) }}</td>
                <td>{{ round($line->gr_neta,2) }}</td>
                <td>{{$line->grad_uzura}}</td>
                <td>{{ round($line->pret_recalculat,2) }}</td>
                <td>
                    @if($line->status == 0)
                    <button class="btn btn-success" data-id="{{$line->id}}" data-bs-toggle="modal"
                        data-bs-target="#goodObject{{$line->id}}"><i class="fas fa-check"></i> OK</button>
                    <button type="button" class="btn btn-danger" data-id="{{$line->id}}"
                        id="bad_way_button-{{$line->id}}" onclick="edit_item_bad_way(this)"><i class="fas fa-times"></i>
                        Nereguli</button>
                    @elseif($line->status == 10)
                    <span class="text-warning fw-bold"> Verificat</span>
                    @endif
                </td>
                <td class="d-flex flex-column">
                    @if($line->status == 0 )
                    <span class="text-danger fw-bold">Pentru nereguli apasa butonul rosu</span>
                    <div style="display: none;" id="items_must_be_modified-{{$line->id}}">
                        <div class="d-flex mt-1 flex-column">
                            <input class="input_style" id="colateral-{{$line->id}}" placeholder="Obiect"
                                name="colateral" value="{{$line->colateral}}">

                            <select name="carataj" id="carataj-{{$line->id}}" class="input_style">
                                <option value="">Alege carataj</option>
                                @foreach ($caratages as $caratage)
                                <option value="{{ $caratage->titlu }}" data-id="{{$line->id}}">{{ $caratage->carataj }}
                                </option>
                                @endforeach
                            </select>

                            <input type="text" placeholder="Gr bruta" class="input_style" name="gr_bruta"
                                id="gr_bruta-{{$line->id}}">


                            <input type="text" placeholder="Deseu" class="input_style" name="deseu"
                                id="deseu-{{$line->id}}">

                            <input type="text" placeholder="Grad uzura" class="input_style" name="grad_uzura"
                                id="grad_uzura-{{$line->id}}">

                            <div class="d-flex mt-1 val_defi_hidden" id="diferenta_valorica_na-{{$line->id}}">
                                <input type="text" placeholder="Val deficienta" class="input_style"
                                    name="valoare_deficienta" id="diferenta_valorica_input-{{$line->id}}">
                            </div>

                            <input type="text" placeholder="Adauga remarks" class="input_style" name="mesaj"
                                id="remarks-{{$line->id}}">
                        </div>
                        <button class="btn btn-success mt-2 w-100" data-bs-toggle="modal"
                            data-bs-target="#badObject{{$line->id}}" onclick="append_text(this)"
                            data-id="{{$line->id}}">Salveaza</button>
                    </div>
                    @else
                    <span class="text-success fw-bold">Verificat</span>
                    @endif
                </td>
                <td>{{ round($line->diferenta_valorica,2) }}</td>
                <td>@if($line->colateral_const == null) @else {{ $line->colateral_const }} @endif</td>
                <td>@if($line->carataj_const == null) @else {{ $line->carataj_const }} @endif</td>
                <td>@if($line->gr_bruta_const == null) @else {{ round($line->gr_bruta_const,2) }} @endif</td>
                <td>@if($line->deseu_const == null) @else {{ round($line->deseu_const,2) }} @endif</td>
                <td>@if($line->gr_neta_const == null) @else {{ round($line->gr_neta_const,2) }} @endif</td>
                <td>@if($line->grad_uzura_const == null) @else {{ $line->grad_uzura_const }} @endif</td>
                <td>@if($line->remarks_const == null) @else {{ $line->remarks_const }} @endif</td>
            </tr>
            @include('inventar.modal-shared.obiect_notIn_regula')
            @include('inventar.modal-shared.obiect_in_regula')
            @endforeach
        </table>
    </div>
    <form action="/mark_contract" method="POST">
        @csrf

        <button class="btn btn-success btn-lg" style="float:right;" id="remove_disabled_on_marked_btn">Marcheaza
            contract ca si verificat</button>
        <input type="hidden" name="findoc" value="{{ $lines[0]['findoc'] }}">
        <input type="hidden" name="id_risc_inventar" value="{{ $lines[0]['id_risc_inventar'] }}">

    </form>
    @endif
</section>
<div id="success_finished_line"></div>
@push('js')
<script>
    $(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) {
        $value = $("#search_by_inv").val();
        if($value == '') {
            $value = @if(isset($_GET['inventar_search'])) {{ strtok($_GET['inventar_search'], '?') ?? null }} @else 0 @endif
        }
        $.ajax({
            url: '?inventar_search=' + $value + '&page=' + page,
            type: "get",
            datatype: "html"
        }).done(function (data) {
            $("#pagination_data").html(data);
            window.history.pushState("string", "inventar", "/alege-inventar?inventar_search=" + $value +
                "&page=" + page);
        }).fail(function (jqXHR, ajaxOptions, thrownError) {
            window.location.reload();
        });
    }

    $('#search').on('keyup', function () {
        $value = $(this).val();
        $value2 = $("#search_by_inv").val();
        $.ajax({
            type: 'get',
            url: '/alege-inventar',
            data: {
                'search': $value,
                'inventar_search': $value2,
            },
            success: function (data) {
                $('#pagination_data').html(data);
            }
        });
    })

    $('#search_by_inv').on('change', function (page) {
        $value = $(this).val();
        $value2 = $("#search").val();
        $.ajax({
            type: 'get',
            url: '/alege-inventar',
            data: {
                'inventar_search': $value,
                'search': $value2
            },
            success: function (data) {
                window.history.pushState("string", "inventar", "/alege-inventar?inventar_search=" +
                    $value);
                $('#pagination_data').html(data);
            }
        });
    })

    function start_contract(contract) {
        let id = $(contract).attr('data-id');
        $.ajax({
            url: '/open-contract',
            method: 'POST',
            data: {
                id,
                "_token": "{{ csrf_token() }}"
            }
        }).done(function (response) {
            $('#errors_open_contract').html(response.message);
            $("#errors_open_contract").fadeTo(2000, 500).slideUp(500);
            $("#errors_open_contract").slideUp(500);
            $("#section_open_contract").load(window.location + " #section_open_contract");
        });
    }
    $(document).on('change', 'select[name^="carataj"]', function () {
        var id = $('select[name^="carataj"]').find(' :selected').attr('data-id');
        if ($("#carataj-" + id).val() == '0') {
            $("#diferenta_valorica_na-" + id).removeClass('val_defi_hidden');
        } else {
            $("#diferenta_valorica_na-" + id).addClass('val_defi_hidden');

        }

    });

    function edit_line_good_way(line) {
        let id = $(line).attr('data-id');
        let descriere = $("#descriere-" + id).val();
        $.ajax({
            url: '/edit-line-good-way',
            method: 'POST',
            data: {
                id,
                descriere,
                "_token": "{{ csrf_token() }}"
            }
        }).done(function (response) {
            $('body').removeClass('modal-open');
            $('.modal-backdrop').remove();
            $('#errors_edited_line').html(response.message);
            $("#trigger-click-close-" + id).trigger('click');
            $("#errors_edited_line").fadeTo(2000, 500).slideUp(500);
            $("#errors_edited_line").slideUp(500);
            if (response.counted >= 1) {
                $("#table_lines").load(window.location + " #table_lines");
            }
        });
    }

    function edit_item_bad_way(line) {
        let id = $(line).attr('data-id');
        $("#items_must_be_modified-" + id).toggle();
    }

    function edit_line_bad_way(line) {
        let id = $(line).attr('data-id');
        let colateral = $("#colateral-" + id).val();
        let titlu = $("#carataj-" + id).val();
        let remarks = $("#remarks-" + id).val();
        let deseu = $("#deseu-" + id).val();
        let gr_bruta = $("#gr_bruta-" + id).val();
        let grad_uzura = $("#grad_uzura-" + id).val();
        let carataj = $("#carataj-" + id).find(":selected").text();
        let diferenta_valorica = $("#diferenta_valorica_input-" + id).val();

        $.ajax({
            url: '/edit-line-bad-way',
            method: 'POST',
            data: {
                id,
                colateral,
                carataj,
                remarks,
                deseu,
                titlu,
                gr_bruta,
                grad_uzura,
                diferenta_valorica,
                "_token": "{{ csrf_token() }}"
            },
            success: function (response) {
                $('body').removeClass('modal-open');
                $('.modal-backdrop').remove();
                $('#errors_edited_line').html(response.message);
                $("#trigger-click-close-bad-" + id).trigger('click');
                $("#errors_edited_line").fadeTo(2000, 500).slideUp(500);
                $("#errors_edited_line").slideUp(500);
                $("#dif_valorica_total_contract").load(window.location + " #dif_valorica_total_contract");
                if (response.counted >= 1) {
                    $("#table_lines").load(window.location + " #table_lines");
                }
            },
            error: function (error) {
                $('body').removeClass('modal-open');
                $('.modal-backdrop').remove();
                $("#trigger-click-close-bad-" + id).trigger('click');
                $("#errors_edited_line").html(error.responseJSON.message_modal);
                $("#errors_edited_line").fadeTo(2000, 500).slideUp(500);
                $("#errors_edited_line").slideUp(500);
            }
        })
    }

    function append_text(line) {
        let id = $(line).attr('data-id');
        let descriere_produs = $("#descriere_produs-" + id).val();
        let carataj = $("#carataj-" + id).find(":selected").text();
        let remarks = $("#remarks-" + id).val();
        let deseu = Number($("#deseu-" + id).val()).toFixed(2);
        let gr_bruta = Number($("#gr_bruta-" + id).val()).toFixed(2);
        let gr_neta = Number($("#gr_neta-" + id).val()).toFixed(2);
        let titlu = $("#carataj-" + id).val()
        $("#carataj_changed-" + id).html(carataj);
        $("#" + id).html(remarks);
        $("#titlu-" + id).html(titlu);
        $("#deseu_changed-" + id).html(deseu);
        $("#gr_bruta_changed-" + id).html(gr_bruta);
        $("#gr_neta_changed-" + id).html(Number(gr_bruta - deseu).toFixed(2));
    }

</script>
@endpush
@endsection