@extends('layouts.app')

@section('content')
<meta name="csrf-token" id="csrf-token" content="{{ csrf_token() }}">
<link rel="stylesheet" href="{{ asset('/css/jquery.timepicker.min.css') }}">
<div class="row">
    <div class="col-lg-12 margin-tb">
        <div class="pull-left">
            <h3>Update Campaign</h3>
        </div>
        <div class="pull-right">
            <button class="btn btn-primary btn-sm" onclick="window.history.back();">Back</button>
        </div>
    </div>
</div>

<form id="createAd" class="form-horizontal addBorderClass" role="form" enctype="multipart/form-data" method="POST" action="{{ route('admanagements.update') }}">    
    <input type="hidden" name="_token" value="{{ csrf_token() }}">
    <div class="row">        
        <input class="col-md-4" id="ad_id" type="hidden" name="id" value="{{ $ads->id }}" />
        
        <div class="col-xs-12 col-sm-12 col-md-12">
            <div class="form-group">
                <label class="col-md-3">Name :</label>
                <input class="col-md-4" id="ad_name" type="text" name="name" value="{{ $ads->name }}" />
                <div class="col-md-2"></div>
            </div>
        </div>
        <div class="col-xs-12 col-sm-12 col-md-12">
            <div class="form-group">
                <label class="col-md-3">Image :</label>
                <input class="col-md-4" id="ad_image" type="file" name="image" value="{{ $ads->image }}" />
                <div class="col-md-2"></div>
            </div>
        </div>
        <div class="col-xs-12 col-sm-12 col-md-12">
            <div class="form-group">
                <label class="col-md-3">Link :</label>
                <input class="col-md-4" id="ad_link" type="text" name="link" value="{{ $ads->link }}" />
                <div class="col-md-2"></div>
            </div>
        </div>
        <div class="col-xs-12 col-sm-12 col-md-12">
            <div class="form-group">
                <label class="col-md-3">Weight :</label>
                <input class="col-md-4" id="ad_weigth" type="text" name="weight" value="{{ $ads->weight }}" />
                <div class="col-md-2"></div>
            </div>
        </div>
        <div class="col-xs-12 col-sm-12 col-md-12">
            <div class="form-group">
                <label class="col-md-3">Geo Location :</label>
                <select class="col-md-4" name="geo_group_id">
                    <option value="">Select Geo Group</option>
                    @foreach($geoGroup as $group) 
                        <option value="{{ $group->id }}" @if($group->id == $ads->geo_group_id) Selected @endif >{{ $group->name }}</option>
                    @endforeach
                </select>
                <div class="col-md-2"></div>
            </div>
        </div>

        <div class="col-xs-12 col-sm-12 col-md-12">
            <div class="form-group">
                <label for="title" class="col-sm-3 controllabel">Country:</label>
                <select name="country" class="col-md-4" id="edit-country">
                    <option value=''>Select Country</option>
                                    </select>
                <div class="col-md-2"></div>
            </div>
        </div>

        <div class="col-xs-12 col-sm-12 col-md-12 state-div">
            <div class="form-group">
                <label for="name" class="col-sm-3 controllabel">State:</label>
                <select name="state" class="col-md-4" id="edit-state">
                    <option value=''>Select State</option>
                                    </select>
                <div class="col-md-2"></div>
            </div>
        </div>

        <div class="col-xs-12 col-sm-12 col-md-12 city-div">
            <div class="form-group">
                <label for="image" class="col-sm-3 controllabel">City:</label>
                <select name="city[]" class="col-md-4" id="edit-city" multiple="true">
                    <option value=''>Select City</option>
                    @foreach($city as $data)
                        @if(in_array($data->id, $cities))
                            <option value="{{ $data->id }}" selected="true">{{ $data->name }}</option>
                        @else
                            <option value="{{ $data->id }}">{{ $data->name }}</option>
                        @endif
                    @endforeach
                </select>
                <div class="col-md-2"></div>
            </div>
        </div>

        <div class="col-xs-12 col-sm-12 col-md-12 text-left">
            <button type="submit" class="btn btn-primary btn-sm">Submit</button>
        </div>
    </div>
</form>    

<script>
    $(document).on('change', '#edit-country', function(e){
        var id = $(this).val();
        var type = 'state';
        $.ajax({
            headers: {'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')},
            type: "POST",
            url: '/admanagements/edit_city_state_data',
            data: {'id': id, 'type': type},
            success: function (result)
            {
                $('.state-div').html(result);
            }
        });
    });

    $(document).on('change', '#edit-state', function(e){
        var id = $(this).val();
        var type = 'city';

        $.ajax({
            headers: {'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')},
            type: "POST",
            url: '/admanagements/edit_city_state_data',
            data: {'id': id, 'type': type},
            success: function (result)
            {
                $('.city-div').html(result);
            }
        });
    });
</script>
@endsection