@extends('layout.masters')
@section('content')

<div id="page-wrapper">
  <div class="container-fluid">
    @if($category =='upcoming')
        <div class="row">
          <div class="col-sm-12 col-md-10 col-md-offset-1">
            <div class="page-title">
                <!-- <h3>Build Details</h3> -->
                <!-- <h3>{{ $schedules }}</h3> -->
                <!-- <h3>--------</h3> -->
                <!-- <h3>{{ $current_user }}</h3> -->
            </div>
            <div class="details-container">
              <div class="single-detail border">
                <p class="row-title">Title :</p>
                <p class="row-content">{{$deploymentDetails[0]['dep_title']}}</p>
              </div>
              <div class="single-detail border">
                <p class="row-title">Server Name :</p>
                <p class="row-content">{{$deploymentDetails[0]['server_name']}}</p>
              </div>
              <div class="single-detail border">
                <p class="row-title">Branch :</p>
                <p class="row-content">{{ ($deploymentDetails[0]['git_branch'] == null) ? '-' : $deploymentDetails[0]['git_branch'] }}</p>
              </div>
              <div class="single-detail border">
                <p class="row-title">Deployment Type :</p>
                <p class="row-content">{{$deploymentDetails[0]['dep_type']}}</p>
              </div>
              <div class="single-detail border">
                <p class="row-title">Status :</p>
                <p class="row-content">{{$deploymentDetails[0]['schedule_status']}}</p>
              </div>
              <div class="single-detail border">
                <p class="row-title">Schedule Date :</p>
                <p class="row-content">{{date('d M Y', strtotime($deploymentDetails[0]['schedule_date']))}}</p>
              </div>
              <div class="single-detail border">
                <p class="row-title">Start Time :</p>
                <p class="row-content">{{date('h:i A', strtotime($deploymentDetails[0]['dep_time_start']))}}</p>
              </div>
              <!-- <div class="single-detail border">
                <p class="row-title">End Time :</p>
                <p class="row-content">{{date('h:i A', strtotime($deploymentDetails[0]['dep_time_end']))}}</p>
              </div> -->
              <div class="single-detail">
                <p class="row-title">Action :</p>
                <div class="action-container">
                  @if( !empty($current_user['dep_id']))
                    @foreach(explode(',',$current_user->dep_id) as $user_dep_id)
                        @foreach($schedules as $schedule)
                            @if($schedule->dep_id == $user_dep_id && $schedule->schedule_date == date('Y-m-d'))
                                @if($schedule->dep_id == $user_dep_id && $schedule->schedule_status == 'Scheduled')
                                    <button class="btn btn-danger btn-xs" type="button" data-scheduleid='{{$schedule->schedule_id}}' data-deploymentid='{{$schedule->dep_id}}' id="dep-cancel-btn"><span class="fa fa-close"></span>Cancel</button>
                                    @if($schedule->dep_type == 'manual' && (date('H:i') >= $schedule->dep_time_start && date('H:i') <= $schedule->dep_time_end))
                                        <a class="btn btn-info btn-xs branchModal" type="button" id="build-btn" data-toggle="modal" data-id='{{$schedule->schedule_id}}' data-depid='{{$schedule->dep_id}}' data-route='dashboard-build' data-target="#branchModal"><span class="fa fa-cloud-upload"></span>Deploy</a>
                                    @endif
                                @endif
                            @endif
                        @endforeach
                    @endforeach
                @endif
  
                </div>
              </div>
            </div>
          </div>
        </div>
    @else
        <div class="row">
          <div class="col-sm-12 col-md-10 col-md-offset-1">
            <div class="page-title">
                <!-- <h3>Build Details</h3> -->
                <!-- <p>{{ $category }}</p>
                <p>{{ $deploymentDetails }}</p> -->
            </div>
            <div class="details-container">
              <div class="single-detail border">
                <p class="row-title">Title :</p>
                <p class="row-content">{{$deploymentDetails[0]['dep_title']}}</p>
              </div>
              <div class="single-detail border">
                <p class="row-title">Server Name :</p>
                <p class="row-content">{{$deploymentDetails[0]['server_name']}}</p>
              </div>
              <div class="single-detail border">
                <p class="row-title">Branch :</p>
                <p class="row-content">{{ $deploymentDetails[0]['dep_branch'] }}</p>
              </div>
              <!-- <div class="single-detail border">
                <p class="row-title">Deployment Type :</p>
                <p class="row-content">{{$deploymentDetails[0]['dep_type']}}</p>
              </div> -->
              <div class="single-detail border">
                <p class="row-title">Status :</p>
                <p class="row-content">{{$deploymentDetails[0]['dep_result']}}</p>
              </div>
              <div class="single-detail border">
                <p class="row-title">Deployed By :</p>
                <p class="row-content">{{$deploymentDetails[0]['name']}}</p>
              </div>
              <div class="single-detail border">
                <p class="row-title">Deployed On :</p>
                <p class="row-content">{{ date('d M Y', strtotime($deploymentDetails[0]['dep_date']))}}</p>
              </div>
              <div class="single-detail border">
                <p class="row-title">Deployed At :</p>
                <p class="row-content">{{date('h:i A', strtotime($deploymentDetails[0]['updated_at']))}}</p>
              </div>
              <div class="single-detail">
                <p class="row-title">Action :</p>
                <div class="action-container">
                  <a href="{{url('download-runlog', $deploymentDetails[0]['dep_run_id'])}}" class="btn btn-warning btn-xs" type="button"><span class="fa fa-download"></span>Download</a>
                </div>
              </div>
            </div>
          </div>
        </div>
    @endif
  </div>
</div>

<script type="text/javascript">
    $('.branchModal').click(function() {
        console.log('success');
        var id = $(this).data("id");
        var route = $(this).data('route');
        console.log("route");
        console.log(route);
        var depId = $(this).data('depid');
        $('#route').val(route);
        $("#id").val(id);
        $("#depid").val(depId);
    });
</script>
<div class="modal fade" id="branchModal" tabindex="-1" role="dialog" aria-labelledby="customModalLabel">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
          <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
            <h4 class="modal-title" id="customModalLabel">Branch details</h4>
          </div>
          <div class="modal-body">
            <input type="hidden" id="id" name=id>
            <input type="hidden" id="depid" name=depid>
            <div class="form-group">
                <label>Select Branch</label>
                <div class="custom-radio">
                    <div class="form-check">
                    <label>
                        <input type="radio" name="radio" value="master" checked> <span class="label-text">Master</span>
                    </label>
                    </div>
                    <div class="form-check">
                        <label>
                            <input type="radio" name="radio" value="other"> <span class="label-text">Other branch</span>
                        </label>
                    </div>
                </div>
                <div class="custom-radio">
                </div>
            </div>
            <div class="form-group" id='branch-flag' style="display:none">
                <label for="dep_desc">Branch Name</label>
                <input type="text" name="branch-name" id="branch-name" >
            </div>
          </div>
          <div class="modal-footer">
            <a type="button" class="btn btn-danger btn-sm" data-dismiss="modal">No</a>
            <a type="submit" class="btn btn-formSubmit btn-sm" id="route">Yes</a>
          </div>
        </div>
    </div>
</div>

    <script type="text/javascript">
     $(document).ready(function(){
        $('input[type=radio][name=radio]').change(function() {
            console.log('inside the block');
            console.log(this.value);
            if (this.value == 'master') {
                $('#branch-flag').hide();
            }else if (this.value == 'other') {
                $('#branch-flag').show();
            }

        });
    });

    $('#dep-cancel-btn').click(function(e) {
        var result = confirm("Are you sure want to cancel this schedule deployment");
        console.log(result);
        if (result) {
            $.ajaxSetup({
                headers: {
                    'X-CSRF-TOKEN': jQuery('meta[name="csrf-token"]').attr('content')
                }
            });
            e.preventDefault();
            var deploymentId = $(this).data("deploymentid");
            var scheduleId = $(this).data('scheduleid');
            // var deploymentId = document.getElementById('deploymentid').value;
            // var scheduleId = document.getElementById('scheduleid').value;
            console.log(deploymentId+"::"+scheduleId);
            $.ajax({
                type: "POST",
                    headers: {'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')},
                url: "{{ url('cancel-schedule')}}", // This is what I have updated
                data: { 'depid': deploymentId, 'scheduleid': scheduleId },
                datatype: 'json',
                beforeSend: function(){
                    console.log("before send");
                },
                success: function (data) {
                    console.log("Return success");
                    location.reload();
                },
                error: function (data) {
                    console.log(data);
                    // $("#build-btn").attr("disabled", false);
                },
                complete:function(data){
                    // Hide image container
                }
            });
        }
    });
    $('#route').click(function(e) {
        $.ajaxSetup({
        headers: {
            'X-CSRF-TOKEN': jQuery('meta[name="csrf-token"]').attr('content')
        }
        });
        e.preventDefault();
        var deploymentId = document.getElementById('depid').value;
        var id = document.getElementById('id').value;
        var route = document.getElementById('route').value;
        console.log("route1");
        console.log(route);
        var branch_name = '';
        if($('input[type=radio][name=radio]:checked').val() == 'master'){
            branch_name = 'master';
        }else{
            branch_name = document.getElementById('branch-name').value;
        }
        if(branch_name != ""){
            $('#branchModal').modal('hide');
            $("#build-btn").attr("disabled", true);
            $.ajax({
                type: "POST",
                    headers: {'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')},
                url: "{{ url('dashboard-build')}}", // This is what I have updated
                data: { 'id': id, 'branch_name': branch_name, 'depId': deploymentId },
                    datatype: 'json',
                    beforeSend: function(){
                    // Show image container
                        console.log("before send");
                    // $("#loader").show();
                  },
                    success: function (data) {
                        console.log("Return success");
              location.reload();
            },
            error: function (data) {
              console.log(data);
                        $("#build-btn").attr("disabled", false);
                        // $("#loader").hide();
            },
                  complete:function(data){
                    // Hide image container
                  }

            });
        }else{
            alert('Branch name required');
        }
    });
</script>
@endsection