@extends('layouts.layout')
@section('body_class', 'nav-md')
@section('css')
<style>
    ul {margin:0;}
</style>
@endsection
@section('body_content')
<div class="container body">
    <div class="main_container">
        @include('includes.sidebar')
        <div class="right_col" role="main">
            <div class="page-title">
                <div class="title_left">
                    <h3>Edit Email Details</h3>
                </div>
                <div class="clearfix"></div>
            </div>

            <div class="row">
                <div class="col-xs-12">
                    <ol class="breadcrumb">
                        <li><a href="{{ route('partner_voucher_blast/email_transaction_list') }}">Email Transaction List</a></li>
                        <li><a href="{{ route('partner_voucher_blast/email_transaction_detail', [ 'id' => $data->transaction_id ] ) }}">Email Transaction Detail</a></li>
                        <li class="active">Edit Email Transaction Detail List</li>
                    </ol>
                </div>
            </div>

            <div class="row">  
                <div class="col-xs-12">              
                    <form id="form" class="form-horizontal">   
                        <input input type="hidden" value="{{ $data->id }}" name="id">                     
                        <div class="form-group" >
                            <label class="col-xs-12 col-sm-3 control-label">Customer Name :</label>
                            <div class="col-xs-12 col-sm-9">
                                <input type="text" name="name" value="{{ $data->customer_name }}" class="form-control" placeholder="Customer Name..." value="">
                            </div>
                        </div>

                        <div class="form-group">
                            <label class="col-xs-12 col-sm-3 control-label">Customer Email :</label>
                            <div class="col-xs-12 col-sm-9">
                                <input type="text" name="email"  value="{{ $data->customer_email }}" class="form-control" placeholder="Customer Email..." value="">
                            </div>
                        </div>
                        {{--
                        <div class="form-group">
                            <label class="col-xs-12 col-sm-3 control-label">Nominal/Gramasi :</label>
                            <div class="col-xs-12 col-sm-9">
                                <input type="text" name="{{ ($nominal->nominal) ? 'nominal' : 'gramasi' }}" value="{{ ($nominal->nominal) ? $nominal->nominal : $nominal->gram  }}"                                
                                class="form-control" placeholder="Nominal..." value="">
                            </div>
                        </div>
                        --}}
                        <div class="form-group">
                            <div class="col-xs-12 col-sm-9 col-sm-offset-3">
                                <div class="loading hidden"><i class="fa fa fa-spinner fa-pulse"></i></div>
                                <div class="submit">        
                                    <button type="submit" class="btn btn-default"><i class="fa fa-check" aria-hidden="true"></i> Update</button>
                               </div>
                            </div>
                        </div>                       
                    </form>  
                </div>
            </div>
        </div>
        @include('includes.footer')
    </div>
</div>
@endsection

@section("scripts")
<script type="text/javascript">
    $("#form").on("submit", function() {
        $("#form").find('.loading').removeClass('hidden');
        $("#form").find('.submit').addClass('hidden');
        $.ajax({
            url: '/partner_voucher_blast/edit_email_transaction_detail_process',
            method: "POST",            
            headers: {'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')},
            data: $("#form").serialize(),
            success: function(response) {
                alert("Updated");
                $("#form").find('.loading').addClass('hidden');
                $("#form").find('.submit').removeClass('hidden');
            },
            error: function(response) {
                var data = response.responseJSON;
                alert(data.error);
                $("#form").find('.loading').addClass('hidden');
                $("#form").find('.submit').removeClass('hidden');
            }
        });
        return false;
    })
</script>
@endsection