@section('title', '- User Credit Card')

@extends('layouts.app')

@section('section')
  <div class="row">
    <div class="section-content">
      <div class="col-md-10 col-md-offset-1">
        <div class="panel panel-default">
          <div class="panel-content">
            <div class="row">
              <div class="col-md-10 col-md-offset-1">
                <h2 class="title">@lang('profile.edit_card_title')</h2>
                @include('alerts.success')
                @include('alerts.warning')
                <br>
                <form class="" action="{{url("/stripe/cards/$card->id")}}" method="post">
                  {{ method_field('PUT') }}
                  {{ csrf_field() }}

                  <div class="row">
                    <div class="col-md-9">
                      <label for="">@lang('profile.name_c')</label>
                      <input type="text" class="form-control" name="name" value="{{ $card->name }}">
                    </div>
                    <div class="col-md-3">
                      <label for="">@lang('profile.exp_date') (MM/YY)</label>
                      <input type="text" class="form-control" name="exp_date" value="{{ sprintf("%02d",$card->exp_month) }}/{{  substr($card->exp_year, 2) }}" data-mask="00/00">
                    </div>
                  </div>

                  <br>
                  <br>

                  <div class="row">
                      <div class="col-md-6">
                          <button type="submit" class="btn btn-ebit center-block" value="edit">@lang('profile.edit_card')</button>
                      </div>
                      <div class="col-md-6 text-center">
                          <a type="submit" class="btn btn-ebit text-center" href='{{url("/stripe/cards/delete/$card->id")}}'>@lang('profile.remove_card')</a>
                      </div>
                    </div>
                </form>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>

@push('js')
<script src="{{url('/js/jquery.mask.js')}}" charset="utf-8"></script>
@endpush
@endsection