@extends('layouts.plantilla_principal')

@section('title', 'Ventacarros Colombia - comprar')

@section('contenido')
    @include('layouts.comprar')
@endsection

@section('estilos')
    <link rel="stylesheet" href="{{ asset('css/explorer/explorer_04.css') }}">
    <link rel="stylesheet" href="{{ asset('css/explorer/explorer_05.css') }}">
@endsection

@section('scripts')
    <script>
        $(".enviar_1").click(function(e) {
            e.preventDefault()
            var departamento = $("#departamento").val()
            var datos1 = {
                "departamento": departamento
            }

            $.ajaxSetup({
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                }
            })
            $.ajax({
                type        : 'POST',
                url         : '{{ route('angular.departamentos') }}',
                //url         : 'angular/departamentos',
                dataType    : 'json',
                data        : datos1,
            }).done(function(respuesta){
                if (respuesta.estado) {
                    //console.log(JSON.stringify(respuesta))
                    var departamento = respuesta.departamento
                    $("#salida_1").html(respuesta.mensaje);
                    $('#form-ordenes #departamento').val(departamento);
                }
                else {
                    $("#salida_1").html("<p>Terminando...</p>");
                }
            });
        });
    </script>

    <script>
        $(".enviar_2").click(function(e) {
            e.preventDefault()
            var marca = $("#marca").val()
            var datos2 = {
                "marca": marca
            }

            $.ajaxSetup({
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                }
            })
            $.ajax({
                type        : 'POST',
                url         : '{{ route('angular.marcas') }}',
                //url         : 'angular/marcas',
                dataType    : 'json',
                data        : datos2,
            }).done(function(respuesta){
                if (respuesta.estado) {
                    //console.log(JSON.stringify(respuesta))
                    var marca = respuesta.marca
                    $("#salida_2").html(respuesta.mensaje);
                    $('#form-ordenes #marca').val(marca);
                }
                else {
                    $("#salida_2").html("<p>Terminando...</p>");
                }
            });
        });
    </script>
@endsection