@extends('layout.layout')

@section('content')
<div class="container">
    <section class="planificare">
        <h2>Planificati un inventar</h2>

        <form id="salveaza_planificare">
            <div id="error_planificare"></div>
            @csrf
            <div class="contains_label_input">
                <label for="">Nume</label>
                <input type="text" class="input_style" name="name" placeholder="Numele inventarului">
            </div>

            <div class="two_inputs_per_line">
                <div class="contains_label_input">
                    <label for="">Alegeti agentie</label>
                    <select class="input_style" name="branch" id="branch">
                        <option value="">Alegeti agentie</option>
                        @foreach ($branches as $branch)
                        <option value="{{ $branch->BRANCH }}">{{ $branch->NAME }}</option>
                        @endforeach
                    </select>
                </div>

                <div class="contains_label_input">
                    <label for="">Alegeti presedinte comisie pentru inventar</label>
                    <select class="input_style" name="responsabil" id="responsabil">
                        <option value="">Alegeti presedinte comisie</option>
                        @foreach ($responsibles as $responsible)
                        <option value="{{$responsible->id}}">{{ $responsible->username }}</option>
                        @endforeach
                    </select>
                </div>
            </div>

            <div class="two_inputs_per_line">
                <div class="contains_label_input">
                    <label for="">Selectati date pentru cand inventarul este planificat</label>
                    <input type="date" class="input_style" name="planned_date" id="date_planned_input">
                </div>
            </div>
            <button class="normal_btn" id="save_planificare_btn">Salveaza</button>
        </form>

        @if(userInGroup(Auth::user()->id,1081))
        <form action="/generate-excel-planned-inv" method="POST">
            @csrf
            <label>Genereaza excel</label>
            <div class="form-group">
                <div class="two_inputs_per_line w-100">
                    <div class="contains_label_input w-100">
                        <label for="">De la ce data</label>
                        <input type="date" class="input_style" name="start_date" id="planificare_start_date"
                            value="{{request()->get('search_by_start_date','')}}">
                    </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="planificare_end_date"
                            value="{{request()->get('search_by_end_date','')}}">
                    </div>
                </div>
            </div>
            <button class="btn btn-success" type="submit">Genereaza</button>
        </form>
        <div id="planificare_table">
            @include('planificare.planificare-table')
        </div>
        @endif
    </section>
</div>
@push('js')
<script>
    $(document).ready(function () {
        $("#presedinte_comisie").select2({
            placeholder: "Alege user",
            allowClear: true
        });
    });
    $(document).ready(function () {
        $("#branch").select2({
            placeholder: "Alege agentie",
            allowClear: true
        });
    });
    $(document).ready(function () {
        $("#responsabil").select2({
            placeholder: "Alege presedinte comisie",
            allowClear: true
        });
    });
    $(document).ready(function () {
        $("#save_planificare_btn").on('click', function () {

            $("#presedinte_comisie").select2({
                placeholder: "Alegeti presedinte comisie",
                allowClear: true
            });

            $("#branch").select2({
                placeholder: "Alege agentie",
                allowClear: true
            });

            $("#responsabil").select2({
                placeholder: "Alege  presedinte comisie",
                allowClear: true
            });
        });
    });

    $(function () {
        $("#salveaza_planificare").on('submit', function (e) {
            e.preventDefault();
            $.ajax({
                url: '/save-planificare',
                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_planificare')[0].reset();
                    $("#error_planificare").html(data.success);
                    $("#error_planificare").fadeTo(2000, 500).slideUp(500);
                    $("#error_planificare").slideUp(500);

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


    var today = new Date();
    var dd = today.getDate();
    var mm = today.getMonth() + 1; //January is 0!
    var yyyy = today.getFullYear();

    if (dd < 10) {
        dd = '0' + dd;
    }

    if (mm < 10) {
        mm = '0' + mm;
    }

    today = yyyy + '-' + mm + '-' + dd;
    document.getElementById("date_planned_input").setAttribute("min", today);

    $(document).ready(function () {
        $('#planificare_start_date , #planificare_end_date').on('change', function () {
            $start_date = $("#planificare_start_date").val();
            $end_date = $("#planificare_end_date").val();
            $.ajax({
                type: 'get',
                url: '/planificare',
                data: {
                    'search_by_start_date': $start_date,
                    'search_by_end_date': $end_date
                },
                success: function (data) {
                    window.history.pushState("string", "inventar", window.location
                        .pathname + "?search_by_start_date=" + $start_date +
                        "&search_by_end_date=" + $end_date);
                    $('#planificare_table').html(data);
                }
            });
            if ($("#planificare_start_date").val() == '' && $("#planificare_end_date").val() == '') {
                $.ajax({
                    type: 'get',
                    url: '/planificare',
                    success: function (data) {
                        $('#planificare_table').html(data);
                        window.history.pushState("string", "inventar", "/planificare");
                    }
                });
            }
        });
    });

</script>
@endpush
@endsection