@extends('layouts.app')

@section('content')
<meta name="csrf-token" id="csrf-token" content="{{ csrf_token() }}">

<section class="content-header" style="margin-bottom:20px">
    <h1>Edit Advertisers</h1>
</section>
<!-- /.box -->

<div class="box">
    <div class="box-header">
        <h3 class="box-title">Update Advertisers</h3>
        <div class="pull-right">
            <button class="btn btn-success btn-sm pull-right" onclick="window.history.back();">Back</button>
        </div>
    </div>
    <!-- /.box-header -->
    <div class="box-body">
        <form id="createAdvertiser" class="form-horizontal addBorderClass" role="form" method="POST" action="{{ route('advertisers.update') }}">
            <input type="hidden" name="_token" value="{{ csrf_token() }}">
            <input type="hidden" name="id" value="{{ $result->id }}">
            <div class="row">
                <div class="col-md-8">
                    <div class="row">
                        <div class="col-xs-12 col-sm-12 col-md-12">
                    <div class="form-group">
                        <label class="col-md-3">Advertiser Name<span class="mandatory_field">*</span>:</label>
                        <input readonly="true" type="text" class="col-md-4" id="edit-name" name="name" value="{{ $result->advertiser->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">Advertiser Type:</label>
                        <select class="col-md-4" id="edit-type" name="type" disabled="true">
                            <option value=''>Select</option>
                            @foreach($category as $aType)
                            <option value="{{ $aType->value }}" @if($aType->value == $result->advertiser->type) selected @endif >{{ $aType->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 class="col-md-3">Email<span class="mandatory_field">*</span> :</label>
                        <input type="text" class="col-md-4" id="edit-email" name="email" required="required" value="{{ $result->email }}" />
                        <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">Phone Number:</label>
                        <input type="text" class="col-md-4" id="edit-phone" name="phone" value="{{ $result->phone }}" />
                        <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">Contact Person:</label>
                        <input type="text" class="col-md-4" id="edit-contact_person" name="contact_person" value="{{ $result->contact_person }}">
                        <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">Website:</label>
                        <input type="text" class="col-md-4" id="edit-website" name="website" value="{{ $result->website }}">
                        <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">Country<span class="mandatory_field">*</span> :</label>
                        <select class="col-md-4" id="edit-country" name="country" required="required">
                            <option value=''>Select</option>
                            @foreach($country as $data)
                            <option value="{{ $data->id }}" @if($data->id == $result->country) selected @endif >{{ $data->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 state-div">
                        <label class="col-md-3">State<span class="mandatory_field">*</span> :</label>
                        <select class="col-md-4" id="edit-state" name="state" required="required">
                            <option value=''>Select</option>
                            @foreach($state as $data)
                            <option value="{{ $data->id }}" @if($data->id == $result->state) selected @endif >{{ $data->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 city-div">
                        <label class="col-md-3">City<span class="mandatory_field">*</span> :</label>
                        <select class="col-md-4" id="edit-city" name="city" required="required">
                            <option value=''>Select</option>
                            @foreach($city as $data)
                            <option value="{{ $data->id }}" @if($data->id == $result->city) selected @endif >{{ $data->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 class="col-md-3">Address<span class="mandatory_field">*</span> :</label>
                        <textarea class="col-md-4" id="edit-address" name="address" required="required">{{ $result->address }}</textarea>
                        <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">Latitude:</label>
                        <input type="text" class="col-md-4" id="edit-latitude" name="latitude" value="{{ $result->latitude }}">
                        <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">Longitude:</label>
                        <input type="text" class="col-md-4" id="edit-longitude" name="longitude" value="{{ $result->longitude }}">
                        <div class="col-md-2"></div>
                    </div>
                </div>
                
                <div class="col-xs-12 col-sm-12 col-md-12">
                    <div class="form-group">
                        <button class="btn btn-primary btn-sm space_buttons">Submit</button>
                    </div>
                </div>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="mapArea" id="mapArea"></div>
                </div>
            </div>
        </form>
    </div>
</div>

@include('elements.advertiser')

<script src="https://cdnjs.cloudflare.com/ajax/libs/openlayers/2.11/lib/OpenLayers.js"></script>
<script src="{{ asset('/js/advertiser.js') }}"></script>
<script src="{{ asset('/js/map.js') }}"></script>
@endsection


<style>
    .mapArea{
        margin-top: 130px;
        width: 100%;
        height: 450px;
    }
</style>