@extends('layouts.app')

@section('content')
<section class="content-header">
    <div class="container-fluid">
        <div class="row mb-2">
            <div class="col-sm-12">
                <h1>Edit Advertisement</h1>
            </div>
        </div>
    </div>
</section>

<div class="content px-3">

    @include('adminlte-templates::common.errors')

    <div class="card">

        {!! Form::model($ads, ['route' => ['ads.update', $ads->id], 'method' => 'patch', 'files' => true]) !!}

        <div class="card-body">
            <div class="row">
                @include('ads.fields')
            </div>
        </div>

        <div class="card-footer">
            {!! Form::submit('Save', ['class' => 'btn btn-primary']) !!}
            <a href="{{ route('ads.index') }}" class="btn btn-default">Cancel</a>
        </div>

        {!! Form::close() !!}

    </div>
</div>
<script>
    $(document).ready(function() {
        $(".select2").select2();
    });
</script>
<script>
    $(document).ready(function() {
        var autocomplete = new google.maps.places.Autocomplete($("#addrress")[0], {});
        google.maps.event.addListener(autocomplete, 'place_changed', function() {
            var place = autocomplete.getPlace();
            $('#latitude').val(place.geometry.location.lat());
            $('#longitude').val(place.geometry.location.lng());
        });
    });

    function validateFields() {
        if ($('#typeSelect').find(":selected").val() == "{{App\Models\Ads::TYPE_POP_UP}}") {
            $("#file").attr('accept', 'video/mp4,video/mov,image/x-png,image/gif,image/jpeg,image/jpg')
            $(".showhide").show();
        } else {
            $("#file").attr('accept', 'image/x-png,image/gif,image/jpeg,image/jpg')
            $(".showhide").hide();
        }
    }

    $(document).ready(function() {
        $('#addressDiv').hide();
        $('#addressRadius').hide();
        
        validateFields();
        $('#typeSelect').on('change', function() {
            validateFields();
        });
        if ($('#typeSelect').find(":selected").val()== "{{App\Models\Ads::TYPE_POP_UP}}")        
        $(".showhide").show();     
           else        
       $(".showhide").hide();

    });
</script>
@endsection