@extends('index-left-sidebar')

@section('content')
  <div class="panel rounded shadow">
    <div class="panel-heading">
        <h3 class="krik-single-event-title">{{ $event_info['name'] }}</h3>
        <h4 class="krik-single-event-info">
          @php
            $event_start = new DateTime($event_info['start']);
            $event_end = new DateTime($event_info['end']);
            $event_days_diff = $event_start->diff($event_end)->d;
          @endphp
          @if($event_info['venue'] == 'physical')
            @if ($event_days_diff > 0)
              {{ date("d.m.Y. H:i", strtotime($event_info['start'])) . ' - ' . date("d.m.Y. H:i", strtotime($event_info['end'])) . ', ' . $event_info['v_name'] }}
            @else
             {{ date("d.m.Y. H:i", strtotime($event_info['start'])) . ', ' . $event_info['v_name'] }}
            @endif
          @else
            @if ($event_days_diff > 0)
              {{ date("d.m.Y. H:i", strtotime($event_info['start'])) . ' - ' . date("d.m.Y. H:i", strtotime($event_info['end'])) }}
            @else
              {{ date("d.m.Y. H:i", strtotime($event_info['start'])) }}
            @endif
          @endif
        </h4>
    </div>
  </div>

  <div class="pull-left">
    <h3 class="krik-subtitle">E-mail Activity</h3>
    @if(session('excelfile') == 'wrong')
      <div class="alert alert-warning" role="alert" style="margin: 0 15px;">
        <span class="alert-icon">
          <i class="fa fa-exclamation-triangle"></i>
        </span>
        <span>
          Your Excel file is different, please download your template <a href="{{ getenv('APP_URL') }}/excel/template/Krikem_Excel_Template.xlsx" download>here</a>.
        </span>
      </div>
    @endif
    @if(session('excelfile') == 'empty')
      <div class="alert alert-warning" role="alert" style="margin: 0 15px;">
        <span class="alert-icon">
          <i class="fa fa-exclamation-triangle"></i>
        </span>
        <span>
          Your Excel file is empty, please fill it.
        </span>
      </div>
    @endif
  </div>

  <div class="clearfix"></div>
  <div class="col-md-12">
    <div id="progress-wizard">
      <div class="panel panel-tab rounded shadow">
          <div class="panel-heading no-padding">
              <ul class="nav nav-tabs nav-pills nav-justified">
                  <li>
                      <a href="#">
                        <div class="pull-left krik-item-logo-tabs">
                          <i class="fa fa-adjust text-inverse"></i>
                          </div>
                          <div class="pull-left krik-item-logo-text">
                              <span class="text-strong">Step 1</span>
                              <span>E-mail Design</span>
                          </div>
                      </a>
                  </li>
                  <li class="active">
                      <a href="#">
                        <div class="pull-left krik-item-logo-tabs">
                          <i class="fa fa-list text-lilac"></i>
                          </div>
                          <div class="pull-left krik-item-logo-text">
                              <span class="text-strong">Step 2</span>
                              <span>Mailing List</span>
                          </div>
                      </a>
                  </li>
                  <li>
                      <a href="#">
                        <div class="pull-left krik-item-logo-tabs">
                          <i class="fa fa-paper-plane text-inverse"></i>
                          </div>
                          <div class="pull-left krik-item-logo-text">
                              <span class="text-strong">Step 3 @if(isset($test)) {{ $test }} @endif</span>
                              <span>Send</span>
                          </div>
                      </a>
                  </li>
              </ul>
          </div>
          <div class="panel-sub-heading">
              <div class="inner-all">
                  <div class="progress active no-margin progress-xs">
                      <div class="progress-bar progress-bar-lilac" role="progressbar" aria-valuenow="45" aria-valuemin="0" aria-valuemax="100" style="width: 67%;"></div>
                  </div>
              </div>
          </div>

              <div class="col-md-12">
                <div class="row first">
                  <div class="tab-pane inner-all col-md-9 krik-activity-header krik-table-invite-uninvite">

                    <h5 class="panel-title pull-left krik-invite-uninvite-title">Select contacts to invite of uninvite</h5>
                    {{ Form::open(array('url' => getenv('APP_URL') . '/events/' . $event_code . '/mailings/' . $mailing_activity_code . '/mailing-list', 'method' => 'put',  'class' => 'krik-modal-inlinet', 'name' => 'leadsForm', 'id' => 'leadsForm')) }}
                      <div class="form-group">
                          {{ Form::text('number_of_contacts', $nmbrOfMailings, array('class' => 'form-control')) }}
                      </div>
                    <input type="hidden" name="event_code" value="{{ $event_code }}">
                    <input type="hidden" name="mailing_activity_code" value="{{ $mailing_activity_code }}">
                    <input type="hidden" name="mailing_activity_id" value="{{ $mailing_activity_id }}">
                    <input type="hidden" name="inviteType" value="0">
                    <input type="hidden" name="action" value="">
                    <div class="pull-right col-md-10 col-md-offset-2 krik-invite-uninvite-buttons">


                      <div class="pull-right">
                          {{ Form::submit('Select',array('class' => 'btn btn-success btn-sm pull-right', 'name' => 'save')) }}
                      </div>
                      <div class="pull-right">
                          {{ Form::submit('Deselect',array('class' => 'btn btn-danger btn-sm pull-right', 'name' => 'save')) }}
                      </div>
                    </div>
                    <div class="clearfix"></div>
                    <div class="table-responsive">
                      <table id="krik-table-leads" class="table table-striped display" cellspacing="0" width="100%">
                        <thead>
                          <tr>
                            <th style="width: 50px"><div class="ckbox ckbox-success"><input name="choosen-all-mail" id="choosen-all-mail" type="checkbox"><label for="choosen-all-mail" class="th-label"></label></div></th>
                            <th>Selected</th>
                            <th>Name</th>
                            <th>E-mail</th>
                            <th>Company</th>
                            @if($settings->lead_types)
                                <th>Type</th>
                            @endif
                            @if($settings->lead_type_descriptions)
                                <th>Description</th>
                            @endif
                          </tr>
                        </thead>
                        <tfoot>
                            <tr>
                                <th></th>
                                <th></th>
                                <th></th>
                                <th></th>
                                <th></th>
                                @if($settings->lead_types)
                                    <th></th>
                                @endif
                                @if($settings->lead_type_descriptions)
                                    <th></th>
                                @endif
                            </tr>
                        </tfoot>
                      </table>
                    </div>
                 </div>
                 <script>
                   $(function() {
                    var table = $('#krik-table-leads').DataTable({
                      processing: true,
                      serverSide: false,
                      ajax: {
                        url: '{!! route('mailings.data') !!}',
                        data: {
                          event_code: '{{ $event_code }}',
                          mailing_code: '{{ $mailing_activity_code }}'
                        }
                      },
                      scrollCollapse: true,
                      searching: true,
                      info: false,
                      bSort: false,
                      autoWidth: true,
                      ordering: true,
                      order: [[ 1, "desc" ],[ 2, "asc" ]],
                      orderClasses: false,
                      stateSave: false,
                      pageLength: 10,
                      lengthMenu: [ 10, 20, 50, 100 ],
                      pagingType: 'simple_numbers',
                      dom: 'Bfrtilp',
                      language: {
                        search: "_INPUT_",
                        searchPlaceholder: "Search",
                        processing: "Loading data, please wait...",
                        zeroRecords: "No data to display",
                        lengthMenu: "_MENU_",
                      },
                      columns: [
                        {
                          data: 'id',
                          name: 'id',
                          targets: 0,
                          orderable: false,
                          searchable: false,
                          width: "1px",
                          render: function(data, type, row) {
                            return '<div class="ckbox ckbox-success"><input name="choosen-leads[]" id="choosen-' + row.id + '" type="checkbox" value="' + row.id + '"><label for="choosen-' + row.id + '"></label></div>';
                          }
                        },
                        {
                            data: 'status',
                            name: 'status' ,
                          render: function(data, type, row) {
                            if(row.status == 'Invited') {
                              return '<span class="status-invited">Yes</span>';
                            } else {
                              return '<span class="status-invited-not">No</span>';
                            }
                          }
                        },
                        { data: 'full_name', name: 'full_name' },
                        { data: 'email', name: 'email' },
                        { data: 'company_name', name: 'company_name' },
                        @if($settings->lead_types)
                            { data: 'type', name: 'lead_types.name' },
                        @endif
                        @if($settings->lead_type_descriptions)
                            { data: 'type_description', name: 'lead_type_descriptions.name' },
                        @endif
                        ],
                      });

                      yadcf.init(table, [
                        {
                            column_number: 1,
                            filter_type: 'multi_select',
                            select_type: 'select2',
                            filter_reset_button_text: false,
                            filter_default_label: 'Selected'
                        },
                        {
                            column_number: 2,
                            filter_type: 'multi_select',
                            select_type: 'select2',
                            filter_reset_button_text: false,
                            filter_default_label: 'Full names'
                        },
                        {
                            column_number: 3,
                            filter_type: 'multi_select',
                            select_type: 'select2',
                            filter_reset_button_text: false,
                            filter_default_label: 'E-mails'
                        },
                        {
                            column_number: 4,
                            filter_type: 'multi_select',
                            select_type: 'select2',
                            filter_reset_button_text: false,
                            filter_default_label: 'Companies'
                        },
                        @if($settings->lead_types)
                        {
                            column_number: 5,
                            filter_type: 'multi_select',
                            select_type: 'select2',
                            filter_reset_button_text: false,
                            filter_default_label: 'Types'
                        },
                        @endif
                        @if($settings->lead_type_descriptions)
                        {
                            column_number: 6,
                            filter_type: 'multi_select',
                            select_type: 'select2',
                            filter_reset_button_text: false,
                            filter_default_label: 'Type descriptions'
                        },
                        @endif
                    ], {
                        filters_position: 'footer'
                    });

                      $('body').on('click', '#krik-table-leads tbody tr .ckbox', function() {
                        if($(this).find('input[type="checkbox"]').is(':checked')) {
                          $(this).parent().parent().addClass('selected');
                        } else {
                          $(this).parent().parent().removeClass('selected');
                        }
                      });

                      $('body').on('click', '#krik-table-leads tbody tr', function() {
                        $(this).toggleClass('selected');
                        $(this).find('input[type="checkbox"]').prop('checked', !($(this).find('input[type="checkbox"]').is(':checked')));
                      });

                      //Select-all
                      $('body').on('click', '#choosen-all-mail', function() {
                        var tables = table.rows({ search: 'applied' }).nodes().to$().find('input[name="choosen-leads[]"]')

                        if($(this).is(':checked')){
                          tables.each(function() {
                            $(this).prop('checked', true);
                            $(this).parent().parent().parent().addClass('selected');
                          });
                        }
                        else {
                          tables.each(function() {
                            $(this).prop('checked', false);
                            $(this).parent().parent().parent().removeClass('selected');
                          });
                        }
                      });

                      // Invite on go to button
                      $('.btn-success.main').click(function(e) {
                        e.preventDefault();

                        var selected = table.$('input[name="choosen-leads[]"]').map(function() {
                          if (this.checked) {
                            return this.value;
                          }
                        }).get();

                        if(!selected.length) {
                          var valid = $('[name="number_of_contacts"]').valid();

                          if(!valid) {
                            return;
                          }
                        }

                        var field = '<input type="hidden" name="go-to-send" value="true">';
                        $('.krik-modal-inlinet').prepend(field);

                        table.$('input[name="choosen-leads[]"]').map(function() {
                          if (this.checked) {
                            $('#leadsForm').prepend('<input type="hidden" name="choosen-leads[]" value="' + this.value + '" checked>');
                          }
                        }).get();

                        document.getElementById('leadsForm').submit();
                      });

                      // Invite on save to draft button
                      $('.leads-draft').click(function(e) {
                        e.preventDefault();

                        var selected = table.$('input[name="choosen-leads[]"]').map(function() {
                          if (this.checked) {
                            return this.value;
                          }
                        }).get();

                        if(!selected.length) {
                          var valid = $('[name="number_of_contacts"]').valid();

                          if(!valid) {
                            return;
                          }
                        }

                        var field = '<input type="hidden" name="draft" value="true">';
                        $('.krik-modal-inlinet').prepend(field);

                        table.$('input[name="choosen-leads[]"]').map(function() {
                          if (this.checked) {
                            $('#leadsForm').prepend('<input type="hidden" name="choosen-leads[]" value="' + this.value + '" checked>');
                          }
                        }).get();

                        document.getElementById('leadsForm').submit();
                      });

                      // Invite/Uninvite buttons
                      $('.krik-invite-uninvite-buttons input[type="submit"]').click(function(e) {
                        var selected = table.$('input[name="choosen-leads[]"]').map(function() {
                          if (this.checked) {
                            return this.value;
                          }
                        }).get();

                        if(selected.length == 0) {
                          $('[name="number_of_contacts"]').val('');
                          $('[name="number_of_contacts"]').valid();

                          e.preventDefault();

                          return;
                        } else {
                          table.$('input[name="choosen-leads[]"]').map(function() {
                            if (this.checked) {
                              $('#leadsForm').prepend('<input type="hidden" name="choosen-leads[]" value="' + this.value + '" checked>');
                            }
                          }).get();

                          $('[name="number_of_contacts"]').val(selected.length);
                        }
                      });
                      $('.krik-insert-modal .krik-btn-new-leads-upload').click(function(e) {
                        $('[name="number_of_contacts"]').val(1);
                      });
                    });
                 </script>

                 <div class="col-md-3">
                   <div class="tab-pane inner-all row krik-quick-contact">
                     <div class="krik-quick-contact-title">
                       <h4>Quick contacts selection</h4>
                     </div>
                   </div>
                   <div class="tab-pane inner-all row krik-quick-contact">
                     <div class="krik-quick-contact-button">
                       <div class="btn btn-default btn-block" data-toggle="modal" data-target=".krik-quick-excel">Select contacts from Excel</div>
                     </div>
                  </div>
                  <div class="tab-pane inner-all row krik-quick-contact">
                    <div class="krik-quick-contact-button">
                      @if(!(empty($allEventContacts) && empty($allRegistratedContatcs) && empty($allNotRegistratedContacts) && empty($allAttendedContacts) && empty($allNotAttendedContacts)))
                        <h6>Contacts from this Event</h6>
                      @endif
                      @if(!empty($allEventContacts))
                          <div class="krik-custom-switch-field">
                              <input type="checkbox" value="all_contacts_from_this_event" class="switch" id="check_all_contacts_from_this_event" name="check_all_contacts_from_this_event" data-on-text="ON" data-off-text="OFF" data-on-color="success" @if(isset($allInvited)) state="true" checked @endif>
                              <label for="switch">All contacts from this event</label>
                          </div>
                      @endif
                      @if(!empty($allRegistratedContatcs))
                          <div class="krik-custom-switch-field">
                            <input type="checkbox" value="all_registrated_contacts" id="all_registrated_contacts" name="all_registrated_contacts" class="switch" data-on-text="ON" data-off-text="OFF" data-on-color="success" @if(isset($registrated)) state="true" checked @endif>
                            <label for="switch">Registrated contacts only</label>
                          </div>
                      @endif
                      @if(!empty($allNotRegistratedContacts))
                          <div class="krik-custom-switch-field">
                            <input type="checkbox" value="all_not_registrated_contacts" id="all_not_registrated_contacts" name="all_not_registrated_contacts" class="switch" data-on-text="ON" data-off-text="OFF" data-on-color="success" @if(isset($notRegistrated)) state="true" checked @endif>
                            <label for="switch">Not registrated contacts only</label>
                          </div>
                      @endif
                      @if(!empty($allAttendedContacts))
                          <div class="krik-custom-switch-field">
                            <input type="checkbox" value="all_attended_contacts" id="all_attended_contacts" class="switch" name="all_attended_contacts" data-on-text="ON" data-off-text="OFF" data-on-color="success" @if(isset($attended)) state="true" checked @endif>
                            <label for="switch">Registrated and attended contacts</label>
                          </div>
                      @endif
                      @if(!empty($allNotAttendedContacts))
                          <div class="krik-custom-switch-field">
                            <input type="checkbox" value="all_not_attended_contacts" id="all_not_attended_contacts" class="switch" name="all_not_attended_contacts" data-on-text="ON" data-off-text="OFF" data-on-color="success" @if(isset($notAttended)) state="true" checked @endif>
                            <label for="switch">Registrated and not attended contacts</label>
                          </div>
                      @endif
                    </div>
                  </div>
                  <div class="tab-pane inner-all row krik-previous-contact">
                    {{--<div class="krik-quick-contact-button">
                      <h6>Contacts from Previous Events</h6>
                      <div class="krik-custom-switch-field">
                        <input type="checkbox" value="sidebar_included" class="switch" name="switch" data-on-text="ON" data-off-text="OFF" data-on-color="success">
                        <label for="switch">Event Name Here</label>
                      </div>
                      <div class="krik-custom-switch-field">
                        <input type="checkbox" value="sidebar_included" class="switch" name="switch" data-on-text="ON" data-off-text="OFF" data-on-color="success">
                        <label for="switch">Event Name Here</label>
                      </div>
                    </div>--}}
                  </div>
                 </div>

                </div>

                <div class="row krik-full-row-footer">
                    <div class="krik-footer col-md-12">
                        <div class="col-md-4">
                            <a href="{{ getenv('APP_URL') . '/events/' . $event_code . '/mailings/' . $mailing_activity_code . '/email-design' }}" class="btn btn-default btn-block">Back</a>
                        </div>
                        <div class="col-md-4">
                            {{ Form::button('Save to Drafts',array('class' => 'btn btn-success btn-lilac btn-block leads-draft')) }}
                        </div>
                        <div class="col-md-4">
                            <a href="{{ getenv('APP_URL') . '/events/' . $event_code . '/mailings/' . $mailing_activity_code . '/send' }}" class="btn btn-success btn-block main">Go to Step 3</a>
                        </div>

                    </div>
                </div>
              </div>
            {{Form::close()}}
        </div>
    </div>



  </div>

  <div class="modal krik-quick-excel animated fadeIn" tabindex="0" role="dialog" aria-hidden="true" style="display: none;">
      <div class="bs-example-modal krik-insert-modal">
          <div class="modal modal-lilac">
              <div class="modal-dialog">
                  <div class="modal-content">
                      <div class="modal-header">
                          <button type="button" class="close" data-dismiss="modal" aria-hidden="true"><i class="fa fa-times krik-delete-modal-close"></i></button>
                          <h4 class="modal-title">Please insert Excel file</h4>
                      </div>
                      <div class="modal-body">
                        <b>Make sure</b>
                        <p>Import file has data in the appropriate format:</p>
                        <ul>
                          <li><b>Required columns are: firstname, lastname and e-mail</b></li>
                          <li>First row must contain column names</li>
                          <li>All of the columns must be presented in the following order:</li>
                            <ol type="1">
                              <li>Title</li>
                              <li>First Name</li>
                              <li>Last Name</li>
                              <li>E-mail</li>
                              <li>Mobile</li>
                              <li>Phone</li>
                              <li>Company Name</li>
                              <li>Job Function</li>
                              <li>Company Address</li>
                              <li>Company City</li>
                              <li>Company Post Code</li>
                              <li>Company Country</li>
                              <li>Note</li>
                              <li>Type</li>
                              <li>Type Desriptions</li>
                            </ol>
                          <li>Turn off all special formatting on cell data, for example number</li>
                          <li>Be aware that if a single contact if imported two times, it not will be duplicated. System will try to filter duplicates based on e-mail address.</li>
                        </ul>

                        {{ Form::open(array('url' => getenv('APP_URL') . '/events/' . $event_code . '/mailings/' . $mailing_activity_code . '/mailing-list', 'class' => 'form-horizontal', 'method'=>'patch', 'files' => true)) }}
                        <div class="krik-custom-switch-field">
                          {{-- {{ Form::checkbox('already_registrated_contacts', true, null, ['class' => 'switch']) }} --}}
                          <input type="checkbox" value="true" id="already_registrated_contacts" name="already_registrated_contacts" class="switch" data-on-text="Exclude" data-off-text="Include" data-on-color="success" state="true" checked>
                          {{-- <input type="checkbox" value="true" id="already_registrated_contacts" name="already_registrated_contacts" class="switch" data-on-text="ON" data-off-text="OFF" data-on-color="success"> --}}
                          <label for="switch">already registered contacts</label>
                        </div>

                        <a href="{{ getenv('APP_URL') }}/excel/template/Krikem_Excel_Template.xlsx" download>
                            <button type="button" class="btn krik-btn-new-leads-download"><i class="fa fa-download krik-btn-space"></i>Get Excel template</button>
                        </a>
                          <div class="fileinput fileinput-new" data-provides="fileinput">
                              <span class="btn krik-btn-new-leads-choose btn-file">
                                <span class="fileinput-new"><i class="fa fa-file-excel-o krik-btn-space"></i>Choose Excel file</span>
                                {{ Form::file('upload_excel_invite', $attributes = array('id' => 'upload_excel_invite','accept'=>'.xlsx,.xls')) }}
                                <span class="fileinput-filename"></span>
                              <a href="#" class="close fileinput-exists" data-dismiss="fileinput" style="float: none">&times;</a>

                          </div>
                      </div>
                      <div class="modal-footer">
                        {{ Form::submit('Add contacts to mailing list', array('class' => 'btn krik-btn-new-leads-upload col-md-12 col-xs-12 hidden','name' => 'upload')) }}
                        {{Form::close()}}
                      </div>
                  </div>
              </div>
          </div>
      </div>
  </div>

  @if( Session::has('numberNewContacts') && Session::has('numberExistsContacts') && Session::has('newContactExcelImports') && Session::has('existsContactExcels') && Session::has('notValids') && Session::has('numberNotValids') && Session::has('sameContacts') && Session::has('numberSameContact'))
    <script>
    $(function() {
        $('.krik-report-excel').modal('show');
    });
    </script>
  <div class="modal krik-report-excel animated fadeIn" tabindex="0" role="dialog" aria-hidden="true" style="display: none;">
      <div class="bs-example-modal krik-insert-modal">
          <div class="modal modal-lilac">
              <div class="modal-dialog">
                  <div class="modal-content">
                      <div class="modal-header">
                          <button type="button" class="close" data-dismiss="modal" aria-hidden="true"><i class="fa fa-times krik-delete-modal-close"></i></button>
                          <h4 class="modal-title">Please insert Excel file</h4>
                      </div>
                      <div class="modal-body">
                        <div id="krik-events" class="krik-import">

                              <div class="alert alert-success">
                                    <span class="alert-icon"><i class="fa fa-user-plus"></i></span>
                                    <div class="notification-info">
                                        <ul class="clearfix notification-meta">
                                            <li class="pull-left notification-sender">New Leads:<b> <br />
<b>Fatal error</b>:  Uncaught Error: Class 'Session' not found in /home/imevent/public_html/backup/resources/views/events/mailings/mailing-list.blade.php:580
Stack trace:
#0 {main}
  thrown in <b>/home/imevent/public_html/backup/resources/views/events/mailings/mailing-list.blade.php</b> on line <b>580</b><br />