@extends('header')

@section('content')
@parent

    @include('accounts.nav', ['selected' => ACCOUNT_IMPORT_EXPORT])

{!! Former::open_for_files('settings/' . ACCOUNT_MAP) !!}
<div class="panel panel-default">
  <div class="panel-heading">
    <h3 class="panel-title">{!! trans('texts.import_clients') !!}</h3>
  </div>
    <div class="panel-body">
        {!! Former::file('file')->label(trans('texts.csv_file')) !!}
        {!! Former::actions( Button::info(trans('texts.upload'))->submit()->large()->appendIcon(Icon::create('open'))) !!}            
    </div>
</div>
{!! Former::close() !!}

{!! Former::open_for_files('settings/' . IMPORT_FROM_FRESHBOOKS) !!}
<div class="panel panel-default">
  <div class="panel-heading">
    <h3 class="panel-title">{!! trans('texts.import_from_freshbooks') !!}</h3>
  </div>
  <div class="panel-body">
    {!! Former::file('client_file')->label(trans('texts.csv_client_file')) !!}
    {!! Former::file('invoice_file')->label(trans('texts.csv_invoice_file')) !!}
    {!! Former::file('timesheet_file')->label(trans('texts.csv_timesheet_file')) !!}
    {!! Former::actions( Button::info(trans('texts.upload'))->submit()->large()->appendIcon(Icon::create('open'))) !!}
  </div>
</div>
{!! Former::close() !!}


{!! Former::open('/export') !!}
<div class="panel panel-default">
  <div class="panel-heading">
    <h3 class="panel-title">{!! trans('texts.export_data') !!}</h3>
  </div>
    <div class="panel-body">
        {!! Former::select('format')
                ->onchange('setEntityTypesVisible()')
                ->addOption('CSV', 'CSV')
                ->addOption('XLS', 'XLS')
                ->addOption('JSON', 'JSON')
                ->style('max-width: 200px') !!}

        {!! Former::checkbox('entity_types')
                ->label('include')
                ->addGroupClass('entity-types')
                ->checkboxes([
                    trans('texts.clients') => array('name' => ENTITY_CLIENT, 'value' => 1),
                    trans('texts.tasks') => array('name' => ENTITY_TASK, 'value' => 1),
                    trans('texts.invoices') => array('name' => ENTITY_INVOICE, 'value' => 1),
                    trans('texts.payments') => array('name' => ENTITY_PAYMENT, 'value' => 1),
                ])->check(ENTITY_CLIENT)->check(ENTITY_TASK)->check(ENTITY_INVOICE)->check(ENTITY_PAYMENT) !!}

        {!! Former::actions( Button::primary(trans('texts.download'))->submit()->large()->appendIcon(Icon::create('download-alt'))) !!}            
    </div>
</div>
{!! Former::close() !!}


{!! Former::open('settings/cancel_account')->addClass('cancel-account') !!}
<div class="panel panel-default">
  <div class="panel-heading">
    <h3 class="panel-title">{!! trans('texts.cancel_account') !!}</h3>
  </div>
    <div class="panel-body">
    {!! Former::actions( Button::danger(trans('texts.cancel_account'))->large()->withAttributes(['onclick' => 'showConfirm()'])->appendIcon(Icon::create('trash'))) !!}
    </div>
</div>

<div class="modal fade" id="confirmCancelModal" tabindex="-1" role="dialog" aria-labelledby="confirmCancelModalLabel" aria-hidden="true">
  <div class="modal-dialog" style="min-width:150px">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
        <h4 class="modal-title" id="confirmCancelModalLabel">{!! trans('texts.cancel_account') !!}</h4>
      </div>

      <div style="background-color: #fff; padding-left: 16px; padding-right: 16px">
        &nbsp;<p>{{ trans('texts.cancel_account_message') }}</p>&nbsp;
        &nbsp;<p>{!! Former::textarea('reason')->placeholder(trans('texts.reason_for_canceling'))->raw() !!}</p>&nbsp;        
      </div>

      <div class="modal-footer" style="margin-top: 0px">
        <button type="button" class="btn btn-default" data-dismiss="modal">{{ trans('texts.go_back') }}</button>
        <button type="button" class="btn btn-primary" onclick="confirmCancel()">{{ trans('texts.cancel_account') }}</button>         
      </div>

    </div>
  </div>
</div>

{!! Former::close() !!}  


<script type="text/javascript">

  function showConfirm() {
    $('#confirmCancelModal').modal('show'); 
  }

  function confirmCancel() {
    $('form.cancel-account').submit();
  }

  function setEntityTypesVisible() {
    var selector = '.entity-types input[type=checkbox]';
    if ($('#format').val() === 'JSON') {
        $(selector).attr('disabled', true);
    } else {
        $(selector).removeAttr('disabled');
    }
  }

</script>

@stop