@extends('admin.layouts.master')


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

@section('content')

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

    {{ Form::model($marker, array('route' => array('admin.marker.update', $marker->id), 'method' => 'PUT', 'class'=>'box', 'files' => true)) }}
    <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



                @include('admin.markers._fields', array('marker'=>$marker))


        </div>

        <div class="column one-third">

            <div class="box">
                @if(isset($marker->photo))
                <img id="marker-image" src="{{ $marker->photo }}" alt="">
                
                @else
                {{ Form::label('photo', 'Select an Image') }}
                @endif

                {{ Form::file('photo') }}

                @if($marker->photo != '')
                <a class="button button--remove" 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>
            @if($marker->user)
            <div class="box">
                <header class="box__header">User</header>
                <h4>{{ $marker->user->first_name }} {{ $marker->user->last_name }}</h4>

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

                <p>
                    {{ $marker->user->addresses()->first()->address_line_1 }}<br>

                    @if($marker->user->addresses()->first()->address_line_2)
                    {{ $marker->user->addresses()->first()->address_line_2 }}<br>
                    @endif

                    {{ $marker->user->addresses()->first()->city }},
                    {{ $marker->user->addresses()->first()->state }}
                    {{ $marker->user->addresses()->first()->zip }}
                </p>
            </div>
            @endif

            @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>
    {{ Form::close() }}
@stop