@extends('layouts.app')

@section('content')
<meta name="csrf-token" id="csrf-token" content="{{ csrf_token() }}">
<meta name="viewport" content="width=device-width, initial-scale=1.0">

<link rel="stylesheet" href="https://unpkg.com/leaflet@1.3.1/dist/leaflet.css" />
<script src="https://unpkg.com/leaflet@1.3.1/dist/leaflet.js"></script>


<section class="content-header">
    <h1>
        Advertiser Management
        <small>manage advertiser address</small>
    </h1>
</section>

<!-- /.box -->

<div class="box box-danger" style="margin-top:20px">
    <div class="box-header with-border">
        <h3 class="box-title">Search Advertisers</h3>
    </div>
    <form role="form" method="get" action="{{ route('advertisers.index') }}">
        <div class="box-body">
            <div class="row">
                <div class="col-xs-3">
                    <input type="text" class="form-control" name="search" placeholder="Search by Name, Email, Website or Contact Person" value="@if(isset($search)){{$search}}@endif">
                </div>
                <div class="col-xs-2">
                    <input type="text" id="selUser" class="form-control" name="username" placeholder="Search by Username" value="@if(isset($username)){{$username}}@endif">
                    <input type="hidden" id="userId" class="form-control" name="user_id" value="@if(isset($user_id)){{$user_id}}@endif">
                </div>
                <div class="col-xs-2">
                    <select name="type" id="type" class="form-control">
                        <option value="">Select Type</option>
                        @foreach($category as $types)
                            <option value="{{ $types->value }}" @if(isset($type) && ($type == $types->value)) selected @endif>{{ $types->name }}</option>
                        @endforeach
                    </select>
                </div>
                <div class="col-xs-2">
                    <select name="country" id="country" class="form-control">
                        <option value="">Select Country</option>
                        @foreach($country as $val)
                            <option value="{{ $val->id }}" @if(isset($cntry) && ($cntry == $val->id)) selected @endif>{{ $val->name }}</option>
                        @endforeach
                    </select>
                </div>
                <div class="col-xs-2">
                    <button class="btn btn-success form-control" type="submit">
                        <i class="fa fa-search"></i> Search
                    </button>
                </div>

                <input type="hidden" name="_token" value="{{ csrf_token() }}">
            </div>
        </div>
    </form>
    <!-- /.box-body -->
</div>
<!-- /.box -->

@if ($message = Session::get('success'))
    <div class="alert alert-warning shows-div">
        <p>{{ $message }} </p>
    </div>
@elseif ($message = Session::get('failure'))
    <div class="alert alert-danger shows-div">
        <p>{{ $message }} </p>
    </div>
@endif


<div class="box">
    <div class="box-header">
        <h3 class="box-title">Advertiser Data</h3>
        <div class="pull-right">
            <a class="btn btn-primary btn-sm space_buttons openPopUpTime" data-toggle="modal">Refresh Time</a>
            <a class="btn btn-primary btn-sm space_buttons" href="{{ route('advertisers.create') }}"> Create Advertiser Address</a>
        </div>
    </div>
    <!-- /.box-header -->
    <div class="box-body">
        <table id="example" class="table table-bordered table-hover dataTable">
            <tr>
                <th>ID</th>
                <th>Name</th>
                <th>Username</th>
                <th>Type</th>
                <th>Email</th>
                <th>Phone</th>
                <th>Contact Person</th>
                <th>Website</th>
                <th width='200px'>Address</th>
                <th>Latitude</th>
                <th>Longitude</th>
                <th>Action</th>
            </tr>
                        @foreach($results as $advertise_data)
                <tr>
                    <td>{{ $advertise_data->id }}</td>
                    <td>{{ $advertise_data->name }}</td>
                    <td>{{ $data['user'][$advertise_data->user_id] }}</td>
                    <td>{{ ucfirst($advertise_data->type) }}</td>  
                    <td>{{ $advertise_data->email }}</td>
                    <td>{{ $advertise_data->phone }}</td>
                    <td>{{ $advertise_data->contact_person }}</td>
                    <td>{{ $advertise_data->website }}</td>
                    <td width='200px'>{{ $advertise_data->address }}, {{ $data['advertiser']['city'][$advertise_data->city] }}, {{ $data['advertiser']['state'][$advertise_data->state] }}, {{ $data['advertiser']['country'][$advertise_data->country] }}</td>
                    <td>{{ $advertise_data->latitude }}</td>
                    <td>{{ $advertise_data->longitude }}</td>
                    <td>
                        <a class="btn btn-block btn-success btn-sm col-md-1" href="{{ route('advertisers.edit', $advertise_data->id) }}">Edit</a>
                        <a class="btn btn-block btn-danger btn-sm col-md-1" href="{{ route('advertisers.delete', $advertise_data->id) }}">Delete</a>
                        <a class="btn btn-block btn-primary btn-sm openMap col-md-1" data-lat="{{ $advertise_data->latitude }}" data-long="{{ $advertise_data->longitude }}" data-name="{{ $advertise_data->name }}" data-type="{{ $advertise_data->type }}" data-id="{{ $advertise_data->id }}" data-country="{{ $advertise_data->country }}" data-toggle="modal">MAP</a>
                    </td>
                </tr>
            @endforeach 
        </table>
    </div>
    
    <hr>
    <div class="text-right margin-r-5">
        <div>Showing {{ $pageInfo['currentPage'] }} to {{ $pageInfo['lastPage'] }} of {{ $pageInfo['total'] }} entries</div>
        <div>{!! $results->appends($append)->render() !!}</div>
    </div>  
</div>  
<!-- /.box -->


@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/country.js') }}"></script>
@endsection

<script>
    
</script>