@extends('layouts.main')

@section('page-style')
    <link href="{{ env('STORAGE_URL_VIEW') }}{{('assets/global/plugins/select2/css/select2.min.css') }}" rel="stylesheet" type="text/css" />
    <link href="{{ env('STORAGE_URL_VIEW') }}{{('assets/global/plugins/select2/css/select2-bootstrap.min.css') }}" rel="stylesheet" type="text/css" />
    <link href="{{ env('STORAGE_URL_VIEW') }}{{('assets/global/plugins/bootstrap-summernote/summernote.css')}}" rel="stylesheet" type="text/css" />
    <link href="{{ env('STORAGE_URL_VIEW') }}{{('assets/global/plugins/bootstrap-sweetalert/sweetalert.css') }}" rel="stylesheet" type="text/css" />
    <link href="{{ env('STORAGE_URL_VIEW') }}{{('assets/global/plugins/bootstrap-fileinput/bootstrap-fileinput.css') }}" rel="stylesheet" type="text/css" />
    <link href="{{ env('STORAGE_URL_VIEW') }}{{('assets/global/plugins/bootstrap-toastr/toastr.min.css')}}" rel="stylesheet" type="text/css" />
    <link href="{{ env('STORAGE_URL_VIEW') }}{{('assets/global/plugins/bootstrap-timepicker/css/bootstrap-timepicker.min.css')}}" rel="stylesheet" type="text/css" />
    <link href="{{ env('STORAGE_URL_VIEW') }}{{('assets/global/plugins/icheck/skins/all.css')}}" rel="stylesheet" type="text/css" />
@endsection

@section('page-script')
    <script src="{{ env('STORAGE_URL_VIEW') }}{{('assets/global/plugins/select2/js/select2.full.min.js') }}" type="text/javascript"></script>
    <script src="{{ env('STORAGE_URL_VIEW') }}{{('assets/pages/scripts/components-select2.min.js') }}" type="text/javascript"></script>
    <script src="{{ env('STORAGE_URL_VIEW') }}{{('js/global.js') }}" type="text/javascript"></script>
    <script src="{{ env('STORAGE_URL_VIEW') }}{{('assets/global/plugins/bootstrap-summernote/summernote.min.js') }}" type="text/javascript"></script>
    <script src="{{ env('STORAGE_URL_VIEW') }}{{('assets/global/plugins/bootstrap-sweetalert/sweetalert.min.js') }}" type="text/javascript"></script>
    <script src="{{ env('STORAGE_URL_VIEW') }}{{('assets/global/plugins/bootstrap-fileinput/bootstrap-fileinput.js') }}" type="text/javascript"></script>
    <script src="{{ env('STORAGE_URL_VIEW') }}{{('assets/global/plugins/bootstrap-toastr/toastr.min.js') }}" type="text/javascript"></script>
    <script src="{{ env('STORAGE_URL_VIEW') }}{{('assets/global/plugins/bootstrap-timepicker/js/bootstrap-timepicker.min.js')}}"></script>
    <script src="{{ env('STORAGE_URL_VIEW') }}{{('assets/global/plugins/icheck/icheck.min.js') }}" type="text/javascript"></script>
    <script>
        var SweetAlert = function() {
            return {
                init: function() {
                    $(".save").each(function() {
                        var token  	= "{{ csrf_token() }}";
                        let column 	= $(this).parents('tr');
                        let name    = $(this).data('name');

                        $(this).click(function() {
                            swal({
                                    title: name+"\n\nAre you sure want to approve "+status.toLowerCase()+" ?",
                                    text: "Your will not be able to recover this data!",
                                    type: "warning",
                                    showCancelButton: true,
                                    confirmButtonClass: "btn-info",
                                    confirmButtonText: "Yes, save it!",
                                    closeOnConfirm: false
                            },
                            function(){
                                $('form#form_submit').submit();
                            });
                        })
                    })
                }
            }
        }();

        jQuery(document).ready(function() {
            SweetAlert.init()
        });
    </script>
@endsection

@section('content')
    <div class="page-bar">
        <ul class="page-breadcrumb">
            <li>
                <a href="/">Home</a>
                <i class="fa fa-circle"></i>
            </li>
            <li>
                <span>{{ $title }}</span>
                @if (!empty($sub_title))
                    <i class="fa fa-circle"></i>
                @endif
            </li>
            @if (!empty($sub_title))
                <li>
                    <span>{{ $sub_title }}</span>
                </li>
            @endif
        </ul>
    </div><br>

    <a href="{{url('publisher/manage/project/list')}}" class="btn green" style="margin-bottom: 2%;"><i class="fa fa-arrow-left"></i> Back</a>

    @include('layouts.notifications')
    <div class="portlet light bordered">
        <div class="portlet-title tabbable-line">
            <div class="caption">
                <span class="caption-subject bold uppercase font-blue">License Detail</span>
            </div>
        </div>
        <div class="portlet-body">
            <form class="form-horizontal" id="form_submit" role="form" action="{{url('publisher/manage/project/update-status/approve')}}" method="post" enctype="multipart/form-data">
                <div class="form-body">
                    <div class="form-group">
                        <label for="multiple" class="control-label col-md-3">Status</label>
                        <div class="col-md-6" style="margin-top: 1%">
                            <span class="sbold badge badge-pill {{$codeColor[$detail['project_status']]??'badge-default'}}" @if($detail['project_status'] == 'Release') style="background-color: #28a745;" @endif>{{ $detail['project_status'] }}</span>
                        </div>
                    </div>

                    @if($detail['project_status'] == 'Rejected')
                    <div class="row" style="margin-bottom: 15px">
                        <div class="col-md-3" style="text-align: right">Reject Reason</div>
                        <div class="col-md-3">: {{$detail['reject_reason']}}</div>
                    </div>
                    @endif

                    <div class="form-group">
                        <label for="multiple" class="control-label col-md-3">Producer Data
                        </label>
                        <div class="col-md-6" style="margin-top: 1%">
                            <table>
                                <tr>
                                    <td>Name </td>
                                    <td>: {{$detail['producer_name']}}</td>
                                </tr>
                                <tr>
                                    <td>Email </td>
                                    <td>: {{(empty($detail['producer_email']) ? '-' : $detail['producer_email'])}}</td>
                                </tr>
                                <tr>
                                    <td>Phone </td>
                                    <td>: {{$detail['producer_phone']}}</td>
                                </tr>
                            </table>
                        </div>
                    </div>

                    <div class="row" style="margin-bottom: 15px">
                        <div class="col-md-3" style="text-align: right">Project Image</div>
                        <div class="col-md-3">: <img src="{{$detail['project_song_image']}}" style="height: 100px"></div>
                    </div>
                    <div class="row" style="margin-bottom: 15px">
                        <div class="col-md-3" style="text-align: right">Project Name</div>
                        <div class="col-md-3">: {{$detail['project_name']}}</div>
                    </div>
                    <div class="row" style="margin-bottom: 15px">
                        <div class="col-md-3" style="text-align: right">Song Title</div>
                        <div class="col-md-3">: {{$detail['song_title']}}</div>
                    </div>
                    <div class="row" style="margin-bottom: 15px">
                        <div class="col-md-3" style="text-align: right">Performer</div>
                        <div class="col-md-3">: {{(!empty($detail['project_song_peformer']) ? implode(', ', $detail['project_song_peformer']) : '-')}}</div>
                    </div>
                    <div class="row" style="margin-bottom: 15px">
                        <div class="col-md-3" style="text-align: right">Genre</div>
                        <div class="col-md-6">: {{$detail['project_genre_text']}}</div>
                    </div>
                    <div class="row" style="margin-bottom: 15px">
                        <div class="col-md-3" style="text-align: right">Release Date</div>
                        <div class="col-md-6">: {{date('d / m / Y', strtotime($detail['project_song_release_date']))}}</div>
                    </div>
                    <div class="row" style="margin-bottom: 15px">
                        <div class="col-md-3" style="text-align: right">Project Type</div>
                        <div class="col-md-6">: {{$detail['project_type']}}</div>
                    </div>
                    <div class="row" style="margin-bottom: 15px">
                        <div class="col-md-3" style="text-align: right">Platform Link</div>
                        <div class="col-md-8">
                            @foreach($detail['platform_link'] as $val)
                                <b>{{$val['platform_name']}}</b> - {{$val['project_platform_link']}}<br>
                            @endforeach
                        </div>
                    </div>
                    <div class="row" style="margin-bottom: 15px">
                        <div class="col-md-3" style="text-align: right">Region</div>
                        <div class="col-md-3">: {{(!empty($detail['project_region']) ? implode(', ', $detail['project_region']) : '-')}}</div>
                    </div>
                    <div class="row" style="margin-bottom: 15px">
                        <div class="col-md-3" style="text-align: right">Original Lyrics</div>
                        <div class="col-md-6">{{(!empty($detail['project_song_original_lyrics']) ? $detail['project_song_original_lyrics'] : '-')}}</div>
                    </div>
                    <div class="row" style="margin-bottom: 15px">
                        <div class="col-md-3" style="text-align: right">New Lyrics</div>
                        <div class="col-md-6">{{(!empty($detail['project_song_new_lyrics']) ? $detail['project_song_new_lyrics'] : '-')}}</div>
                    </div>
                    <div class="row" style="margin-bottom: 15px">
                        <div class="col-md-3" style="text-align: right">Proposal</div>
                        <div class="col-md-6">{{(!empty($detail['project_song_proposal_lyrics']) ? $detail['project_song_proposal_lyrics'] : '-')}}</div>
                    </div>
                    <div class="row" style="margin-bottom: 15px">
                        <div class="col-md-3" style="text-align: right">File</div>
                        <div class="col-md-3">@if(!empty($detail['project_song_file'])) <a target="_blank" href="{{$detail['project_song_file']}}">{{$detail['project_song_file']}}</a> @else - @endif</div>
                    </div>
                    <div class="row" style="margin-bottom: 15px">
                        <div class="col-md-3" style="text-align: right">Song Link</div>
                        <div class="col-md-8">
                            @foreach($detail['links'] as $val)
                                <b>{{$val['platform_name']}}</b> - {{$val['project_link']}}<br>
                            @endforeach
                        </div>
                    </div>
                    <input type="hidden" name="id_producer_project" value="{{$detail['id_producer_project']}}">
                </div>

                {{ csrf_field() }}
                <div class="row" style="text-align: center">
                    <br>
                    <br>
                    @if($detail['project_status'] == 'Pending')
                        <a class="btn red" data-toggle="modal" href="#detail_reject">Reject</a>
                        <a class="btn green-jungle save" data-name="{{ $detail['song_title'] }}" data-status="approve">Approve</a>
                    @endif
                </div>
            </form>
        </div>
    </div>

    <div class="modal fade" id="detail_reject" tabindex="-1" role="basic" aria-hidden="true">
        <div class="modal-dialog modal-sm">
            <div class="modal-content">
                <form class="form-horizontal" role="form" action="{{url('publisher/manage/project/update-status/reject')}}" method="post">
                    <div class="modal-header">
                        <h5 class="modal-title">Reject Reason</h5>
                    </div>
                    <div class="modal-body">
                        <div class="form-group">
                            <div class="col-md-12">
                                <textarea class="form-control" name="reject_reason"></textarea>
                            </div>
                        </div>
                    </div>
                    <input type="hidden" name="id_producer_project" value="{{$detail['id_producer_project']}}">
                    <div class="modal-footer" style="text-align: center">
                        {{ csrf_field() }}
                        <button type="submit" class="btn btn-danger">Reject</button>
                    </div>
                </form>
            </div>
        </div>
    </div>
@endsection