@extends('admin/layouts/main')

@section('content')
<div id="page-content">
    <div class="content-header content-header-media">
        <div class="header-section">
            <div class="row">
                <!-- Main Title (hidden on small devices for the statistics to fit) -->
                <div class="col-md-4 col-lg-6 hidden-xs hidden-sm">
                    <h1><i class="fa fa-bullhorn"></i>&nbsp;&nbsp;&nbsp;{{$promotion_detail->title}}<br><small>&nbsp;&nbsp;&nbsp;Edit {{$promotion_detail->title}} promotion here!</small></h1>
                </div>
                <!-- END Main Title -->

                <!-- Top Stats -->
                
                <!-- END Top Stats -->
            </div>
        </div>
        <!-- For best results use an image with a resolution of 2560x248 pixels (You can also use a blurred image with ratio 10:1 - eg: 1000x100 pixels - it will adjust and look great!) -->
        <img src="{{URL::to('/')}}/admin/img/placeholders/headers/dash_bg.png" alt="header image" class="animation-pulseSlow">
    </div> 
    <ul class="breadcrumb breadcrumb-top">
        <li><a href="{{url('admin/dashboard')}}">Dashboard</a></li>
        <li><a href = "{{url('admin/promotions')}}">Promotions</a></li>
        <li><a href="javascript:void(0)">Edit {{$promotion_detail->title}} promotion</a></li>
    </ul>    
    <div class="header-section det">
        <div class = "row">            
            <h1>
                <img src="{{$promotion_detail->image}}/64/64" alt="Avatar" class="img-circle"/>
                &nbsp;&nbsp;&nbsp;{{$promotion_detail->title}}<br>                
            </h1> 
        </div>        
    </div>
    <div class="row">
        <div class="col-md-12">
            <!-- Basic Form Elements Block -->
            <div class="block">
                <!-- Basic Form Elements Title -->
                <div class="block-title">
                    <h2><strong>Edit</strong> {{$promotion_detail->title}}</h2>
                </div>
                <!-- END Form Elements Title -->

                <!-- Basic Form Elements Content -->
                <form action="{{URL::to('/')}}/admin/edit-promotion/{{$promotion_detail->id}}" method="post" enctype="multipart/form-data" class="form-horizontal form-bordered">
                {{ method_field('PUT') }}
                    {{ csrf_field() }}
                    <div class="form-group">
                        <label class="col-md-3 control-label">Title</label>
                        <div class="col-md-9">
                            <input type="text" id="example-disabled-input" name="title" class="form-control" value="{{$promotion_detail->title}}">
                        </div>
                    </div>                    
                    <div class="form-group">
                        <label class="col-md-3 control-label" for="example-file-input">Image</label>
                        <div class="col-sm-3" id="image1">
                            <img id="blah2" src="{{$promotion_detail->image}}" width="110px" height="110px" alt="img">
                        </div>
                        <div class="col-md-6">
                            <input type="file" id="promo-img" name="image" class="imgImp2">
                        </div>
                    </div>
                    <div class="form-group form-actions">
                        <div class="col-md-9 col-md-offset-3">
                            <button type="submit" class="btn btn-sm btn-primary"><i class="fa fa-angle-right"></i> Submit</button>
                            <button type="reset" class="btn btn-sm btn-warning"><i class="fa fa-repeat"></i> Reset</button>
                        </div>
                    </div>
                </form>
                <!-- END Basic Form Elements Content -->
            </div>
            <!-- END Basic Form Elements Block -->
        </div>
    </div>       
</div>
<script>
    function readURL(input) {

        if (input.files && input.files[0]) {
            var reader = new FileReader();

            reader.onload = function (e) {
                $('#image1').removeClass('hide');
                $('#blah2').attr('src', e.target.result);
            }

            reader.readAsDataURL(input.files[0]);
        }
    }

    $(".imgImp2").change(function () {
        readURL(this);
    });
</script>

@stop