@extends('layout.masters')
@section('content')
<div id="page-wrapper">
  <div class="container-fluid">
    <div class="row">
      <div class="col-sm-12 col-md-12 ">
        <div class="main-container border" style="margin-top : 50px;">
          <div class="col-sm-12 col-md-6 ">
            <h4>Scheduled Deployments</h4>
          </div>
          <div class="col-sm-12 col-md-6">
            <div class="align-right" style="text-align : right">
              <a href="{{url('add-deploy-schedule')}}" class="btn btn-formSubmit" type="button">Create Schedule</a>
            </div>
          </div>
          <table id="scheduled_deployments" class="table table-striped table-bordered" style="width:100%">
            <thead>
              <tr>
                <th>Server Name</th>
                <th>Deployment Name</th>
                <th>Deployment Type</th>
                <th>Scheduled Date</th>
                <th>Deployment Start Time</th>
                <th>Deployment End Time</th>
                <th>Scheduled Status</th>
                <th>Action</th>
              </tr>
            </thead>
            <tbody>
              @foreach($schedules as $schedule)
                <tr>
                  <td>{{$schedule->server_name}}</td>
                  <td>{{$schedule->dep_title}}</td>
                  <td>{{$schedule->dep_type}}</td>
                  <td>{{date('d M Y', strtotime($schedule->schedule_date))}}</td>
                  <td>{{date('h:i A', strtotime($schedule->dep_time_start))}}</td>
                  <td>{{date('h:i A', strtotime($schedule->dep_time_end))}}</td>
                  <td>{{$schedule->schedule_status}}</td>
                  <td><div class="action-button-container">
                  <a class="btn btn-warning btn-xs" type="button"  href="{{url('edit-schedule', $schedule->schedule_id)}}"><span class="fa fa-pencil"></span>Edit</a>
                  <a class="btn btn-danger btn-xs delete" type="button" data-toggle="modal" data-id='{{$schedule->schedule_id}}' data-route='delete-schedule' data-target="#customModal"><span class="fa fa-close"></span>Delete</a>
                </div></td>
                </tr>
              @endforeach
            </tbody>
          </table>
        </div>
      </div>
    </div>
  </div>
</div>
<script type="text/javascript">
  $(document).ready(function(){
    $('#scheduled_deployments').DataTable();
  });
</script>
@endsection