@extends('layout.layout')

@section('content')
<div class="container">
    @if ($errors->has('success'))
    <div class="alert alert-success w-100">
        <ul>
            @foreach ($errors->all() as $error)
            <li>{{ $error }}</li>
            @endforeach
        </ul>
    </div>
    @endif
    @if ($errors->has('fail'))
    <div class="alert alert-danger w-100">
        <ul>
            @foreach ($errors->all() as $error)
            <li>{{ $error }}</li>
            @endforeach
        </ul>
    </div>
    @endif
    <form action="/adauga-serviciu-pe-agentie" method="POST">
        @csrf
        <div class="form-group">
            <label>Alege agentii</label>
            <select name="branch" id="branches_for_pawn_services" class="form-control">
                @foreach ($branches as $branch)
                <option value="{{ $branch->branch }}"> {{ $branch->name }} </option>
                @endforeach
            </select>

            <label>Alege serviciu</label>
            <select name="service[]" id="services_for_pawn" class="form-control" multiple disabled>
                <option value="">Alege serviciu</option>
            </select>
        </div>
        <button type="submit" class="btn btn-primary mt-2">Adauga</button>
    </form>

    <form action="/gestioneaza-servicii-in-agentii" method="GET" class="mt-4 mb-4">
        <div class="d-flex w-75 justify-content-center align-items-center">
            <label class="d-flex flex-column w-100">
                Cauta dupa nume agentie
                <input type="text" class="form-control" placeholder="Cauta dupa nume agentie" name="agentie">
            </label>

            <label class="d-flex flex-column w-100">
                Cauta dupa serviciu
                <input type="text" name="service" placeholder="Cauta dupa nume serviciu" class="form-control">
            </label>
        </div>
        <button class="btn btn-success mt-1" type="submit">Filtreaza</button>
        <a href="/gestioneaza-servicii-in-agentii" class="btn btn-danger mt-1">Reseteaza</a>
    </form>

    <div class="table-responsive">
        <table class="table table-dark" id="table_companies_inv">
            <thead>
                <tr class="text-center">
                    <th scope="col">Agentie</th>
                    <th scope="col">Serviciu</th>
                    <th scope="col">Cod depozit</th>
                    <th scope="col">Companie</th>
                    <th scope="col">Sterge</th>
                </tr>
            </thead>
            <tbody>
                @foreach ($pawns as $pawn)
                <tr class="text-center">
                    <td>{{ $pawn->branch_name }}</td>
                    <td>{{ $pawn->whouse_name }}</td>
                    <td>{{ $pawn->whouse_code }}</td>
                    <td>@if($pawn->company == 1000) INVEST @elseif($pawn->company == 2000) IIG @endif</td>
                    <td><button class="btn btn-danger" data-toggle="modal"
                            data-target="#stergeServiciuAtribuitAgentiei{{ $pawn->id }}">Sterge</button>
                    </td>
                </tr>

                <div class="modal fade" id="stergeServiciuAtribuitAgentiei{{ $pawn->id }}" tabindex="-1"
                    aria-labelledby="stergeServiciuAtribuitAgentiei{{ $pawn->id }}Label" aria-hidden="true">
                    <div class="modal-dialog">
                        <div class="modal-content">
                            <div class="modal-header">
                                <h5 class="modal-title" id="stergeServiciuAtribuitAgentiei{{ $pawn->id }}Label">Sterge
                                    serviciul {{ $pawn->service_name }} atribuit agentiei {{ $pawn->branch_name }} </h5>
                                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                    <span aria-hidden="true">&times;</span>
                                </button>
                            </div>
                            <form action="/sterge-serviciu-atribuit-agentiei" method="POST">
                                @csrf
                                <div class="modal-body">
                                    <input type="hidden" name="id" value="{{ $pawn->id }}">
                                </div>
                                <div class="modal-footer">
                                    <button type="button" class="btn btn-secondary"
                                        data-dismiss="modal">Inchide</button>
                                    <button type="submit" class="btn btn-danger">Sterge</button>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>

                @endforeach
            </tbody>
        </table>
        {{ $pawns->withQueryString()->links() }}
    </div>

</div>

@push('js')
<script>
     function editHowManyCompanies(pawn) {
        let id = $(pawn).attr('data-id');
        let value = $(pawn).val();
        $.ajax({
            url: '/change-company-number-inventories',
            method: 'POST',
            data: {
                id,
                value,
                "_token": "{{ csrf_token() }}"
            },
            success: function (response) {
                $("#table_companies_inv").load(window.location + " #table_companies_inv");
            },
            error: function (error) {
                console.log(error)
            }
        });
    }

    $('#services_for_pawn').select2({
        placeholder: "Alege servicii",
        allowClear: true,
        width: '100%',
        height: '100%'
    });

    $("#branches_for_pawn_services").select2({
        placeholder: "Alege agentie",
        allowClear: true,
        width: '100%',
        height: '100%'
    });

    $("#mustMakeInventoryOnBothCompanies").on('change', function () {
        // Check if the checkbox is checked
        if ($(this).is(':checked')) {
            $(this).val(1);
        } else {
            $(this).val(0);
        }
    });


    $("#branches_for_pawn_services").on('change', function () {
        var selectedBranch = $(this).val();

        $.ajax({
            url: "/get-branch-pawn-services",
            type: 'POST',
            data: {
                '_token': '{{ csrf_token() }}',
                'branch': selectedBranch
            },
            success: function (response) {
                $('#services_for_pawn').empty();
                $('#services_for_pawn').attr('disabled', false);

                $.each(response, function (key, value) {
                    $('#services_for_pawn').append('<option value="' + value.whouse_code +
                        '">' +
                        value.whouse_name + ' - ' + value.whouse_code + ' - ' + value.mapped_company + '</option>');
                });
            },
            error: function (xhr, status, error) {
                console.error(xhr.responseText);
                $('#services_for_pawn').attr('disabled', true);
            }
        });
    });

</script>
@endpush


@endsection