@extends('layouts.main')
@section('title', __('form.invoices'))
@section('content')
<style>
    .hide-content{
        display: none;
    }

    .modal-mask {
       position: fixed;
       z-index: 9998;
       top: 0;
       left: 0;
       width: 100%;
       height: 100%;
       background-color: rgba(0, 0, 0, .5);
       display: table;
       transition: opacity .3s ease;
    }

.modal-wrapper {
   display: table-cell;
   vertical-align: middle;
}

</style>

<div id="invoice" v-cloak>

        <!-- Modal -->
<div class="modal fade" id="sendEmailModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title" id="exampleModalLabel">{{ sprintf(__('form.send___to_email'), __('form.invoice')) }}</h5>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <div class="modal-body">
            <form method="post" action="{{ route( 'invoice_send_to_email') }}">
                {{ csrf_field()  }}
                <input type="hidden" name="invoice_id" id="invoice_id" value="">
                <input type="hidden" name="customer_id" id="customer_id" value="">
                <div class="form-group">
                    <label for="project_id">@lang('form.email')</label>