@extends('front.layout')

@section('header')
<section class="content-header">
    <h1>
        Upload Contacts
    </h1>
    <ol class="breadcrumb">
        <li>Contact</li>
        <li class="active">Upload Contacts</li>
    </ol>
</section>
@endsection

@section('content')

@include('front.wizard_step1')

<div class="row">
    <div class="col-md-8 col-md-offset-2">
        <!-- Default box -->

        {!! Form::open(array('url' => url('sessioncontact/step1'), 'method' => 'post','files'=>true)) !!}
        <div class="box">

            <div class="box-header with-border">
                <h3 class="box-title">Upload Excel sheet</h3>
            </div>
            <div class="box-body row">
                <div class="form-group col-md-12">
					<div class="col-md-12 text-center mb-5"><a class="btn btn-success btn-lg" href="{{ url('sessioncontact/step2') }}">Continue</a></div>
					<div class="col-md-12 text-center">
					<p class="mb-5">or</p>
					<a class="btn btn-danger" id="btn_cancel_import" href="{{ url('sessioncontact/deletesession') }}">Discard Upload</a>
					</div>
                </div>
            </div><!-- /.box-body -->
            

        </div><!-- /.box -->
        {!! Form::close() !!}
    </div>
</div>

@endsection

<!-- Modal -->
  <div class="modal fade" id="delConfirm" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog">
      <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">Discard Import</h4>
        </div>
        <div class="modal-body">
	        <p>Are you sure you want to discard import?</p>
        </div>
        <div class="modal-footer">
          <button type="button" class="btn btn-default" data-dismiss="modal">No</button>
          <a href="#" id="delConfirmBtn" class="btn btn-danger"><i class="icon-trash"></i> Yes, discard it</a>
        </div>
      </div><!-- /.modal-content -->
    </div><!-- /.modal-dialog -->
  </div><!-- /.modal -->
  @section('cancel_import_scripts')
  <script>
  $(function() {
		$("#btn_cancel_import").click(function() {
			$("#delConfirmBtn").attr("href", $(this).attr("href"));
			$("#delConfirm").modal('toggle');
			return false;
		});
  });
  </script>
@endsection