@extends('layouts.master_panel')

@section('title') Mailing @stop

@section('CSS') 


<link rel="stylesheet" type="text/css" href="{{url('/')}}/js/datatables/dataTables.bootstrap4.min.css">

@stop

@section('JS') 


<script src="{{url('/')}}/js/datatables/jquery.dataTables.min.js"></script>
<script src="{{url('/')}}/js/datatables/dataTables.bootstrap4.min.js"></script>

<script type="text/javascript" class="init">
  $(document).ready(function() {
    $("#example").dataTable({ "language": { "url": "{{ url('/') }}/js/datatables/lang/fr.json" },
      "order": [[ 0, "desc" ]]
    });
  });
  </script>


<script type="text/javascript">
$(document).ready(function () { 


    $('#classID').on('change',function(e){

        var class_id = e.target.value;

        $.ajax({
          type: "GET",
          url: "{{ url('/') }}/ajax_students_class?class_id="+class_id,
          success: function(data) {  

            var subcat =  $('#UserID').empty();

            subcat.append('<option selected="selected" value="All">Tous</option>');

            $.each(data, function(key, val) { 
              subcat.append('<option value ="'+val.id+'">'+val.last_name+' '+val.first_name+'</option>');
            });

            $('.selectpicker').selectpicker('refresh');

          }

        });

    
    });


    $('#TypeID').on('change',function(evt){


        var type = evt.target.value;

        if (type == 3) {

          $('#Ctag').css({"display":"block"});
          $('.selectpicker').selectpicker('refresh');

        } else {

          $('#Ctag').css({"display":"none"});

          $.ajax({
            type: "GET",
            url: "{{ url('/') }}/ajax_get_users?type="+type,
            success: function(data) {  

              var subcat =  $('#UserID').empty();

              subcat.append('<option selected="selected" value="All">Tous</option>');

              $.each(data, function(key, val) { 
                subcat.append('<option value ="'+val.id+'">'+val.last_name+' '+val.first_name+'</option>');
              });

              $('.selectpicker').selectpicker('refresh');

            }

          });

        }

    
    });


    $('#TypeID2').on('change',function(evtt){


        var type2 = evtt.target.value;

        if (type2 == 3) {

          $('#Ctag2').css({"display":"block"});
          $('.selectpicker').selectpicker('refresh');

        } else { $('#Ctag2').css({"display":"none"}); }

    
    });


    $('#myForm').submit(function(event) {
      $('#Envoyer').css({"display":"none"});
      $('#waiting').css({"display":"block"});

    });

    $('#myForm2').submit(function(event) {
      $('#Envoyer').css({"display":"none"});
      $('#waiting').css({"display":"block"});

    });




});
</script>


@stop


@section('content')


                  <!-- ============================================================== -->
                  <!-- pageheader  -->
                  <!-- ============================================================== -->
                  <div class="row">
                      <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
                          <div class="page-header">
                              <h3 class="mb-2">Mailing </h3>
                           
                              <div class="page-breadcrumb">
                                  <nav aria-label="breadcrumb">
                                      <ol class="breadcrumb">
                                          <li class="breadcrumb-item"><a href="{{ URL::route('admin_index') }}" class="breadcrumb-link">Accueil</a></li>
                                          <li class="breadcrumb-item active" aria-current="page">Mailing</li>
                                      </ol>
                                  </nav>
                              </div>
                          </div>
                      </div>
                  </div>
                  <!-- ============================================================== -->
                  <!-- end pageheader  -->
                  <!-- ============================================================== -->


<div class="row">


<div class="col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
  <div class="card">
    <h5 class="card-header">
      
@if(auth()->user()->super_admin == 1)
      <a href="#" class="btn btn-primary mb-1" data-toggle="modal" data-target="#exampleModal"><i class="fa fa-plus"></i> Nouveau message </a>
@endif
      <a href="#" class="btn btn-primary mb-1" data-toggle="modal" data-target="#Exporter"><i class="fa fa-file-excel"></i> Exporter la list d'emails </a>

@if(auth()->user()->super_admin == 1)
      <a href="#" class="btn btn-primary mb-1" data-toggle="modal" data-target="#Importer"><i class="fa fa-file-excel"></i> Envoi par Excel </a>
@endif
      <a href="{{ URL::route('mailing_templates') }}" class="btn btn-primary mb-1"><i class="fa fa-envelope"></i> Modèles d'emails </a>
      
    </h5>
  <div class="card-body">


<!-- Modal -->
<div class="modal fade" id="Exporter" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabelExporter" aria-hidden="true">
<div class="modal-dialog modal-lg" role="document">
  <div class="modal-content">
    <div class="modal-header">
      <h5 class="modal-title" id="exampleModalLabelExporter">Exporter</h5>
      <a href="#" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></a>
    </div>
    <div class="modal-body">

<form method="POST" action="{{ URL::route('export_emails_list') }}">

{{ csrf_field() }}

<div class="row">

  <div class="col-md-12 mb-3">
      <label>Type:</label>
      <select name="type_ex" id="TypeID2" class="selectpicker" data-width="100%" required="required" title="Choisir"  >
        <option value="1">Personnel</option>
        <option value="2">Enseignants</option>
        <option value="3">Les élèves</option>
      </select>
  </div>

  
  <div class="col-md-12 mb-3" id="Ctag2" style="display: none;">
      <label>Classes:</label>
      <select name="class_id_ex" class="selectpicker" data-width="100%" >   
      <option value="">Choisir</option>
        @foreach($classes as $classe)
          <option value="{{ $classe->id }}">{{ $classe->name }}</option>
        @endforeach
      </select>

  </div>

    

  <div class="col-md-12 mt-3">
      <button class="btn btn-success btn-block" type="submit">Exporter</button> 
  </div>

</div>

</form>

    </div>
    <div class="modal-footer">
      <a href="#" class="btn btn-dark" data-dismiss="modal">Fermer</a>
    </div>
  </div>
</div>
</div>
<!-- End Modal -->


<!-- Modal -->
<div class="modal fade" id="Importer" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabelImporter" aria-hidden="true">
<div class="modal-dialog modal-lg" role="document">
  <div class="modal-content">
    <div class="modal-header">
      <h5 class="modal-title" id="exampleModalLabelImporter">Envoi par Excel</h5>
      <a href="#" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></a>
    </div>
    <div class="modal-body">

<form method="POST" action="{{ URL::route('import_emails_list') }}" enctype="multipart/form-data" id="myForm2">

{{ csrf_field() }}

<div class="row">


  <div class="col-md-12 mb-3">
    <label>Objet:</label>
    <div class="form-group">
      <div class="input-group">

      <input name="subject_ex" type="text" class="form-control" required="required" />
      
        <div class="input-group-append">
        <div class="input-group-text"><i class="fa fa-info-circle"></i></div>
        </div>
      </div>
    </div>
  </div>

  <input type="hidden" name="from_ex" class="form-control" required="required" value="direction@gsverdin.ma" />


  <div class="col-md-12 mb-3">
      <label>modèle:</label>
      <select name="template_id_ex" class="selectpicker" data-width="100%" required="required" title="Choisir"  >
          @foreach($email_templates as $email_template)
          <option value="{{ $email_template->id }}">{{ $email_template->title }}</option>
          @endforeach
      </select>
  </div>

    <div class="col-md-6 mb-3">
      <label>list d'emails: <span class="text-danger">*</span></label>
        <div class="custom-file">
          <input type="file" name="mails_list" required="required">
        </div>
        @if($errors->first('mails_list'))
          <small class="form-text text-danger">{{ $errors->first('mails_list') }}</small>
        @endif
    </div>


    <div class="col-md-6 mb-3">
      <label>Pièce jointe:</label>
        <div class="custom-file">
          <input type="file" name="attachment_ex">
        </div>
        @if($errors->first('attachment'))
          <small class="form-text text-danger">{{ $errors->first('attachment') }}</small>
        @endif
    </div>
    

  <div class="col-md-12 mt-3">
      <button class="btn btn-success btn-block" type="submit" id="Envoyer">Envoyer</button>
      <div class="text-center" id="waiting" style="display: none;">
        <img src="{{ url('/') }}/assets/images/loader.gif" alt="Envoyer..." />
      </div>
  </div>

</div>

</form>

    </div>
    <div class="modal-footer">
      <a href="#" class="btn btn-dark" data-dismiss="modal">Fermer</a>
    </div>
  </div>
</div>
</div>
<!-- End Modal -->


<!-- Modal -->
<div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
<div class="modal-dialog modal-lg" role="document">
  <div class="modal-content">
    <div class="modal-header">
      <h5 class="modal-title" id="exampleModalLabel">Envoyer</h5>
      <a href="#" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></a>
    </div>
    <div class="modal-body">

<form method="POST" action="{{ URL::route('admin_mail_sending') }}" enctype="multipart/form-data" id="myForm">

{{ csrf_field() }}

<div class="row">

  <div class="col-md-12 mb-3">
      <label>Type:</label>
      <select name="type" id="TypeID" class="selectpicker" data-width="100%" required="required" title="Choisir"  >
        <option value="1">Personnel</option>
        <option value="2">Enseignants</option>
        <option value="3">Les élèves</option>
      </select>
  </div>

  
  <div class="col-md-12 mb-3" id="Ctag" style="display: none;">
      <label>Classes:</label>
      <select name="class_id" id="classID" class="selectpicker" data-width="100%" >   
      <option value="">Choisir</option>
        @foreach($classes as $classe)
          <option value="{{ $classe->id }}">{{ $classe->name }}</option>
        @endforeach
      </select>

  </div>

  <div class="col-md-12 mb-3">
      <label>À:</label>
      <select name="user_ids[]" id="UserID" class="selectpicker" data-width="100%" title="Choisir" multiple="multiple">   
      </select>
  </div>


  <div class="col-md-6 mb-3">
    <label>Objet:</label>
    <div class="form-group">
      <div class="input-group">

      <input name="subject" type="text" class="form-control" required="required" />
      
        <div class="input-group-append">
        <div class="input-group-text"><i class="fa fa-info-circle"></i></div>
        </div>
      </div>
    </div>
  </div>

  <div class="col-md-6 mb-3">
    <label>Email de:</label>
    <div class="form-group">
      <div class="input-group">

      <input name="from" type="email" class="form-control" required="required" value="direction@gsverdin.ma" readonly="readonly" />
      
        <div class="input-group-append">
        <div class="input-group-text"><i class="fa fa-envelope"></i></div>
        </div>
      </div>
    </div>
  </div>


  <div class="col-md-12 mb-4">
      <label>modèle:</label>
      <select name="template_id" class="selectpicker" data-width="100%" required="required" title="Choisir"  >
          @foreach($email_templates as $email_template)
          <option value="{{ $email_template->id }}">{{ $email_template->title }}</option>
          @endforeach
      </select>
  </div>

    <div class="col-md-12 mb-4">
      <label>Pièce jointe:</label>
        <div class="custom-file">
          <input type="file" name="attachment">
        </div>
        @if($errors->first('attachment'))
          <small class="form-text text-danger">{{ $errors->first('attachment') }}</small>
        @endif
    </div>
    

  <div class="col-md-12 mt-3">
      <button class="btn btn-success btn-block" type="submit" id="Envoyer">Envoyer</button>
      <div class="text-center" id="waiting" style="display: none;">
        <img src="{{ url('/') }}/assets/images/loader.gif" alt="Envoyer..." />
      </div>
  </div>

</div>

</form>

    </div>
    <div class="modal-footer">
      <a href="#" class="btn btn-dark" data-dismiss="modal">Fermer</a>
    </div>
  </div>
</div>
</div>
<!-- End Modal -->


  
<div class="clearfix"></div>

@if(Session::has('error'))

<div class="alert alert-danger alert-dismissible fade show text-center" role="alert">
  <strong>{{ Session::get('error') }}</strong>
  <button type="button" class="close" data-dismiss="alert" aria-label="Close">
    <span aria-hidden="true">&times;</span>
  </button>
</div>

@endif

@if(Session::has('success'))
<div class="alert alert-success alert-dismissible fade show text-center" role="alert">
  <strong>{{ Session::get('success') }}</strong>
  <button type="button" class="close" data-dismiss="alert" aria-label="Close">
    <span aria-hidden="true">&times;</span>
  </button>
</div>
@endif

<div class="clearfix"></div>

      <div class="table-responsive">
          <table id="example" class="table table-striped table-bordered first">
            <thead>
            <tr class="text-uppercase">
              <th>ID</th>
              <th>Type</th>
              <th style="width: 15%">Nom et Prénom</th>
              <th style="width: 20%">Objet</th> 
              <th>Message</th> 
              <th>Date</th> 
              <th>Action</th>
            </tr>
            </thead>
            <tbody>

             @foreach($email_content as $email_cont)
                <tr>

                  <td>{{ $email_cont->id }}</td>

                  <td>
@if($email_cont->type == 1)
  <span class="badge badge-info"><i class="fa fa-user"></i> personnel</span> 
@elseif($email_cont->type == 2)    
  <span class="badge badge-info"><i class="fa fa-user"></i> enseignant</span> 
@elseif($email_cont->type == 3)    
  <span class="badge badge-info"><i class="fa fa-user"></i> élève</span>
@endif

@if($email_cont->is_excel == 1)    
  <span class="badge badge-warning"><i class="fa fa-file-excel"></i> Excel</span>
@endif

                  </td>

                  <td>{{ $email_cont->user->last_name . ' ' . $email_cont->user->first_name }}</td>
                                                
                  <td>
                                    </td>


                  <td>

                    <a class="btn btn-primary btn-sm" href="#" data-toggle="modal" data-target="#exampleModal-{{ $email_cont->id }}"><i class="fa fa-eye"></i> détail</a>

      
<!-- Modal -->
<div class="modal fade" id="exampleModal-{{ $email_cont->id }}" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel-{{ $email_cont->id }}" aria-hidden="true">
<div class="modal-dialog modal-lg" role="document">
  <div class="modal-content">
    <div class="modal-header">
      <h5 class="modal-title" id="exampleModalLabel-{{ $email_cont->id }}">Détails</h5>
      <a href="#" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></a>
    </div>
    <div class="modal-body">

      
      @if(!empty($email_cont->fichier_joint))

        <div class="alert alert-warning alert-dismissible fade show" role="alert">
            <a target="_black" href="{{ url('/') }}/uploads/attachment/{{ $email_cont->fichier_joint }}">
                <i class="fa fa-download"></i> Pièce jointe
            </a>
        </div>

      @endif
   
    </div>
    <div class="modal-footer">
      <a href="#" class="btn btn-dark" data-dismiss="modal">Fermer</a>
    </div>
  </div>
</div>
</div>
<!-- End Modal -->
                   

                  </td>


                  <td>