@extends('admin.layouts.master')


@section('meta')
    <title>Advertisements | Admin</title>
@stop

@section('content')

    <header class="page-header">
        <div class="row">
            <h1>Edit Advertisement</h1>
            <a class="button button--add" href="{{ route('admin.advertisement.index') }}">Back to List</a>
        </div>
    </header>

    <div class="row grid">

        <div class="column two-thirds">

                @if(Session::get('error'))

                <div class="alert-box error">
                    {{ Session::get('error') }}
                </div>

                @endif

                @if(Session::get('message'))

                <div class="alert-box">
                    {{ Session::get('message') }}
                </div>

                @endif

                {{ Form::model($advertisement, array('route' => array('admin.advertisement.update', $advertisement->id), 'method' => 'PUT', 'class'=>'box', 'files' => true)) }}

                    <div class="row collapse control-group">
                        {{ Form::label('url', 'URL') }}
                        <div class="large-11 columns">
                            {{ Form::text('url') }}
                        </div>
                    </div>

                    <div class="row collapse control-group">
                        <div class="large-12 controls">
                            <img src="{{ $advertisement->image }}" alt="" />
                            {{ Form::label('image', 'Image') }}
                            {{ Form::file('image') }}

                            @if($advertisement->image != '')
                            <a class="button button--remove button--remove-ad" id="remove-photo">Remove Photo</a>
                            @endif

                            <script>
                              //AJAX Button to remove photos.
                              window.onload = function() {

                                $( '#remove-photo' ).on( 'click', function() {                 
                                
                                    $( '#remove-photo' ).html('<img src="/images/loader.gif" height="15" />');      

                                    $.post(
                                        $('form').prop( 'action')+'/remove-photo',
                                        function( data ) {
                                            //do something with data/response returned by server
                                            location.reload();
                                        }
                                    );                 
                                    return false;
                                });                     
                              };
                            </script>
                        </div>
                    </div>

                    <div class="row control-group">
                    {{ Form::label('expires', 'Expiration') }}
                    <div class="large-9 column controls">

                        {{ Form::text('expires') }}
                    </div>
                    <div class="large-3 column collapse controls">
                        {{ Form::checkbox('expirable') }}
                        {{ Form::label('expirable', 'Allowed to Expire', array('class' => 'left')) }}
                    </div>
                </div>

                    <div class="row collapse control-group">
                        <div class="large-12 controls">
                            {{ Form::label('default', 'Default Ad') }}
                            {{ Form::select('default', array('0' => 'False', '1' => 'True')) }}
                        </div>
                    </div>


                    <div class="row collapse form-actions">
                        <div class="large-12">
                            {{ Form::submit('Submit', array('class' => 'button button--submit')) }}
                        </div>
                    </div>

                {{ Form::close() }}
        </div>

        <div class="column one-third">
            <div class="box">
                <header class="box__header">User</header>
                <h4>{{ $advertisement->user->first_name }} {{ $advertisement->user->last_name }}</h4>

                <dl class="split">
                    <dt>Email</dt>
                    <dd>{{ $advertisement->user->email }}</dd>
                    <dt>Phone</dt>
                    <dd>{{ $advertisement->user->addresses()->first()->phone }}</dd>
                </dl>
            </div>

            <div class="box">
                <header class="box__header">Business</header>
                <h4>{{ $advertisement->business_name }}</h4>
                <p>
                    {{ $advertisement->address->address_line_1 }}<br>

                    @if($advertisement->address->address_line_2)
                    {{ $advertisement->address->address_line_2 }}<br>
                    @endif

                    {{ $advertisement->address->city }},
                    {{ $advertisement->address->state }}
                    {{ $advertisement->address->zip }}
                </p>
                <dl class="split">
                    <dt>Phone</dt>
                    <dd>{{ $advertisement->address->phone }}</dd>
                </dl>
            </div>

            @if($purchase)

            <div class="box">
                <header class="box__header">Purchase</header>
                <p>{{ $purchase->description }}</p>

                <dl class="split">
                    <dt>Conf. #</dt>
                    <dd>{{ $purchase->confirmation_number }}</dd>
                    <dt>Status</dt>
                    <dd>{{ $purchase->status }}</dd>
                </dl>
            </div>

            @endif

        </div>

    </div>
@stop