Agregar ListBox en Sightseeing Tour Grade

[jcpereyra97]

Se necesita agregar dos componentes en cada Tour Grade que corresponda al proveedor Musement.

• ListBox donde se carguen localidades (asociados a un id)

• Boton de Consultar Horarios que cargara otro ListBox con los horarios disponibles.

Se debe pasar de esto:

A esto:

---

• Pickup ListBox: los datos requeridos para rellenar este componentes se consultan desde [http://127.0.0.1:5001/api/sightseeingService/search]

Dentro de ToursExtraData

Body

{
    "Sightseeing": {
        "TourGrades": [
            {
                "AgeBands": [
                    {
                        "BandId": 0,
                        "Description": "ADULT",
                        "From": 0,
                        "To": 99
                    }
                ],
                "DatesAvailable": [
                    "2023-04-13T00:00:00",
                    "2023-04-14T00:00:00",
                    "2023-04-15T00:00:00",
                    "2023-04-16T00:00:00",
                    "2023-04-17T00:00:00",
                    "2023-04-18T00:00:00",
                    "2023-04-19T00:00:00",
                    "2023-04-20T00:00:00"
                ],
                "Description": "Pickup included",
                "Title": "One Way Private Transfer from Berlin to Frankfurt ",
                "TourGradeCode": "TG10_TG1",
                "ToursExtraData": [
                    {
                        "Descripcion": "a",
                        "Valor": "b"
                    },
                    {
                        "Descripcion": "a",
                        "Valor": "b"
                    }
                ]
            }
        ]
    }
}

---

• Consultar Horarios: este boton consulta el endpoint: GET [http://127.0.0.1:5001/api/sightseeingService/timesAvailables?basketId=123123123&pickupId=123123&date=2023-03-30]

date se obtiene de la Fecha elegida pickup se obtiene del pickup id elegido

Una vez consultado ListBox de Horarios se nutre de una lista de DataRef

[
    {
        "Key": "123123",
        "Value": "11:00"
    },
    {
        "Key": "12341234",
        "Value": "13:00"
    },
    {
        "Key": "321321",
        "Value": "16:00"
    },
    {
        "Key": "1324",
        "Value": "21:00"
    }
]

Cuando el usuario seleccione otra fecha, deberia habilitarse el boton Consultar Horarios para ser consultado nuevamente.