@extends('layout.layout')

@section('content')
<input type="hidden" id="take_params" value="0" name="inventory_status">
<section class="close_inventory" id="close_inventory">
    @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
    @if($errors->has('success'))
    @foreach ($errors->all() as $error)
    <div class="alert alert-danger  text-white text-center mt-2 styled_alert_success" 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-around align-items-center">
        <h5 class="text-center"> <span class="fw-bold text-primary">Nume inventar:</span> {{ $inventory->name }} </h5>
        <h5 class="text-center"> <span class="fw-bold text-primary">Data de inceput a inventarului:</span>
            {{ date('Y-m-d', strtotime($inventory->start_date)) }} </h5>
        <h5 class="text-center"> <span class="fw-bold text-primary">Numele agentiei:</span>
            {{ $inventory->branch_name }} </h5>
    </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_contracts" id="search_contracts"
            value="{{request()->get('search_contracts','')}}" class="input_style mb-3"
            placeholder="Cauta dupa numar contract sau cod de bare" />
        <label for="">Cauta dupa contract efectuat sau diferente valorice</label>
        <input type="hidden" value="0" name="status_inv" id="status_inv">

        <div class="form-check form-switch">
            <input class="form-check-input" type="checkbox" id="efectuat" value="{{request()->get('efectuat','')}}">
            <label class="form-check-label" for="efectuat">Vezi doar contracte efectuate</label>
        </div>

        <div class="form-check form-switch">
            <input class="form-check-input" type="checkbox" id="not_efectuat"
                value="{{request()->get('not_efectuat','')}}">
            <label class="form-check-label" for="not_efectuat">Vezi ce contracte nu au fost efectuate</label>
        </div>

        <div class="form-check form-switch">
            <input class="form-check-input" type="checkbox" id="w_diferenta_valorica"
                value="{{request()->get('search_query','')}}">
            <label class="form-check-label" for="w_diferenta_valorica">Vezi doar obiectele cu diferente valorice</label>
        </div>
    </div>
    @if($inventory->status != 3)
    <div class="d-flex">

        <button class="btn btn-danger mb-2 btn-lg" style="float: right;" data-bs-toggle="modal"
            data-bs-target="#closeInventory">Inchide inventarul</button>
        <form action="/export_inventory" method="POST">
            @csrf
    <input type="hidden" id="inventory_contracts_status" name="contracts_status">
            <input type="hidden" value="{{$slug}}" name="id_risc_inventar">
            <button class="btn btn-success mb-2 btn-lg">Genereaza excel</button>
        </form>
    </div>
    @include('inventar.modal-shared.inchide_inv_modal')
    @endif
    <div id="down_stairs">
        <div class="form-group hidden_input_close" id="hidden_search">
            <label class="text-dark fw-bold">Cauta dupa numar contract sau cod de bare</label>
            <input type="text" name="search_objects" id="search_objects_2"
                value="{{request()->get('search_objects','')}}" class="input_style mb-3 nt"
                placeholder="Cauta dupa numar contract sau cod de bare" />
        </div>
        <div id="paginations_contracts"></div>
    </div>
</section>

@push('js')

<script>
    $(document).ready(function () {
        $value = 0;
        $("#take_params").val($value);
        $.ajax({
            type: 'get',
            url: '/inchide-inventar/contracts/',
            data: {
                'search_query': $value
            },
            success: function (data) {
                window.history.pushState("string", "inventar", window.location.pathname +
                    "?search_query=" + $value);
                $('#paginations_contracts').html(data);
            }
        });

    });
    $(document).on('click', 'input[type="checkbox"]', function () {
        $('input[type="checkbox"]').not(this).prop('checked', false);
    });
    $(document).ready(function () {
        $('#efectuat').on('change', function (page) {
            if ($("#efectuat").is(':checked')) {
                $("#hidden_search").addClass('hidden_input_close');
                $value = 7;
                $("#inventory_contracts_status").val($value)
                $("#take_params").val($value);
                $.ajax({
                    type: 'get',
                    url: '/inchide-inventar/contracts/',
                    data: {
                        'search_query': $value
                    },
                    success: function (data) {
                        window.history.pushState("string", "inventar", window.location
                            .pathname + "?search_query=" + $value);
                        $('#paginations_contracts').html(data);
                    }
                });
            } else {
                $value = 0;
                $("#take_params").val($value);
                $("#inventory_contracts_status").val($value)
                $.ajax({
                    type: 'get',
                    url: '/inchide-inventar/contracts/',
                    data: {
                        'search_query': $value
                    },
                    success: function (data) {
                        window.history.pushState("string", "inventar", window.location
                            .pathname + "?search_query=" + $value);
                        $('#paginations_contracts').html(data);
                    }
                });
            }
        });

        $('#not_efectuat').on('change', function (page) {
            $value = $("#status_inv").val();
            $("#take_params").val($value);
            if ($("#not_efectuat").is(':checked')) {
                $("#inventory_contracts_status").val($value)
                $("#hidden_search").addClass('hidden_input_close');
                $.ajax({
                    type: 'get',
                    url: '/inchide-inventar/contracts/',
                    data: {
                        'search_query': $value
                    },
                    success: function (data) {
                        window.history.pushState("string", "inventar", window.location
                            .pathname + "?search_query=" + $value);
                        $('#paginations_contracts').html(data);
                    }
                });
            } else {
                $value = 0;
                $("#take_params").val($value);
                $("#inventory_contracts_status").val($value)
                $.ajax({
                    type: 'get',
                    url: '/inchide-inventar/contracts/',
                    data: {
                        'search_query': $value
                    },
                    success: function (data) {
                        window.history.pushState("string", "inventar", window.location
                            .pathname + "?search_query=" + $value);
                        $('#paginations_contracts').html(data);
                    }
                });
            }
        })

    })

    $(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) {
        $param = $("#take_params").val();
        $.ajax({
            url: '/inchide-inventar/contracts/?search_query=' + $param + '&page=' + page,
            type: "get",
            data: {
                'search_query': $param
            },
            datatype: "html"
        }).done(function (data) {
            $("#paginations_contracts").html(data);
            window.history.pushState("string", "inventar", '?search_query=' + $param + "&page=" + page);
        }).fail(function (jqXHR, ajaxOptions, thrownError) {
            window.location.reload();
        });

    }
    $('#search_contracts').on('keyup', function () {
        $value = $(this).val();
        $param = $("#take_params").val();
        $.ajax({
            type: 'get',
            url: '/inchide-inventar/contracts/',
            data: {
                'search_contracts': $value,
                'search_query': $param
            },
            success: function (data) {
                $('#paginations_contracts').html(data);
            }
        });
    })
    $('#w_diferenta_valorica').on('change', function (page) {
        $value = 100;
        $("#take_params").val($value);
        $("#inventory_contracts_status").val($value)
        if ($("#w_diferenta_valorica").is(':checked')) {
            $("#hidden_search").removeClass('hidden_input_close');
            $.ajax({
                type: 'get',
                url: '/inchide-inventar/contracts/',
                data: {
                    'search_query': $value
                },
                success: function (data) {
                    window.history.pushState("string", "inventar", window.location.pathname +
                        "?search_query=" + $value);
                    $('#paginations_contracts').html(data);
                }
            });
        } else {
            $("#hidden_search").addClass('hidden_input_close');
            $value = 0;
            $("#take_params").val($value);
            $("#inventory_contracts_status").val($value)
            $.ajax({
                type: 'get',
                url: '/inchide-inventar/contracts/',
                data: {
                    'search_query': $value
                },
                success: function (data) {
                    window.history.pushState("string", "inventar", window.location
                        .pathname + "?search_query=" + $value);
                    $('#paginations_contracts').html(data);
                }
            });
        }
    })


    $('#search_objects_2').on('keyup', function () {
        $value = $(this).val();
        $searched =  100;
        $.ajax({
            type: 'get',
            url: '/inchide-inventar/contracts/',
            data: {
                'search_objects': $value,
                'search_query' : $searched
            },
            success: function (data) {
                $('#paginations_contracts').html(data);
            }
        });
    })

</script>

@endpush
@endsection