@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');
                        let status    = $(this).data('status');

                        $(this).click(function() {
                            swal({
                                    title: name+"\n\nAre you sure want change to status "+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(){
                                    $('#action_type').val(status);
                                    $('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>
                @if($detail['songwriter_status'] == 'Active' || $detail['songwriter_status'] == 'Inactive')
                    <a href="{{url('publisher/manage/songwriter')}}">{{ $title }}</a>
                @else
                    <a href="{{url('publisher/manage/songwriter/pending')}}">Pending {{ $title }}</a>
                @endif
                @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>

    @if($detail['songwriter_status'] == 'Active' || $detail['songwriter_status'] == 'Inactive')
        <a href="{{url('publisher/manage/songwriter')}}" class="btn green" style="margin-bottom: 2%;"><i class="fa fa-arrow-left"></i> Back</a>
    @else
        <a href="{{url('publisher/manage/songwriter/pending')}}" class="btn green" style="margin-bottom: 2%;"><i class="fa fa-arrow-left"></i> Back</a>
    @endif

    @include('layouts.notifications')
    <div class="portlet light bordered">
        <div class="portlet-title">
            <div class="caption">
                <span class="caption-subject font-blue sbold uppercase">{{ (($detail['songwriter_status'] == 'Active' || $detail['songwriter_status'] == 'Inactive') ? $sub_title: 'Songwriter Pending Detail')}}</span>
            </div>
        </div>
        <div class="portlet-body form">
            <form class="form-horizontal" id="form_submit" role="form" action="{{url('publisher/manage/songwriter/update', MyHelper::createSlug($detail['id_songwriter'],$detail['created_at']))}}" method="post">
                <div class="form-body">
                    <div class="form-group">
                        <label for="multiple" class="control-label col-md-3">Status</label>
                        <div class="col-md-6">
                            @if($detail['songwriter_status'] == 'Pending')
                                <span class="sbold badge badge-pill" style="font-size: 14px!important;height: 25px!important;background-color: #ffe066;padding: 5px 12px;color: #fff;">Pending</span>
                            @elseif($detail['songwriter_status'] == 'Active')
                                <span class="sbold badge badge-pill" style="font-size: 14px!important;height: 25px!important;background-color: #26C281;padding: 5px 12px;color: #fff;">Active</span>
                            @elseif($detail['songwriter_status'] == 'Rejected')
                                <span class="sbold badge badge-pill" style="font-size: 14px!important;height: 25px!important;background-color: #E7505A;padding: 5px 12px;color: #fff;">Rejected</span>
                            @elseif($detail['songwriter_status'] == 'Inactive')
                                <span class="sbold badge badge-pill" style="font-size: 14px!important;height: 25px!important;background-color: #E7505A;padding: 5px 12px;color: #fff;">Inactive</span>
                            @else
                                <span class="sbold badge badge-pill" style="font-size: 14px!important;height: 25px!important;background-color: #faf21e;padding: 5px 12px;color: #fff;">{{$detail['songwriter_status'] }}</span>
                            @endif
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="multiple" class="control-label col-md-3">Publisher
                        </label>
                        <div class="col-md-6" style="margin-top: 0.8%">
                            @if(!empty($detail['publisher_name']))
                                <b>{{$detail['publisher_name']}}</b>
                            @else
                                -
                            @endif
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="multiple" class="control-label col-md-3">Publishing from Admin
                        </label>
                        <div class="col-md-6" style="margin-top: 0.8%">
                            @if($detail['publisher_from_admin_status'] == 1)
                                <b>Ya</b>
                            @else
                                <b>Tidak</b>
                            @endif
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="multiple" class="control-label col-md-3">Data User
                        </label>
                        <div class="col-md-6" style="margin-top: 1%">
                            <table>
                                <tr>
                                    <td>Name </td>
                                    <td>: {{$detail['name']}}</td>
                                </tr>
                                <tr>
                                    <td>Phone </td>
                                    <td>: {{$detail['phone']}}</td>
                                </tr>
                                <tr>
                                    <td>Email </td>
                                    <td>: {{$detail['email']}}</td>
                                </tr>
                            </table>
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="multiple" class="control-label col-md-3">Songs
                        </label>
                        @if($detail['songs'])
                            <div class="col-md-6" style="margin-top: 1%">
                                <table>
                                @foreach($detail['songs'] as $song)
                                    <tr>
                                        <td>{{$song['product_name']}} </td>
                                        <td>&nbsp;&nbsp;&nbsp;<a target="_blank" href="{{url('publisher/manage/song/detail', $song['product_code'])}}"><i class="fa fa-pencil"></i></a></td>
                                    </tr>
                                @endforeach
                                </table>
                            </div>
                        @else
                            <div class="col-md-6" style="margin-top: 0.8%">
                                <b>Data song not available</b>
                            </div>
                        @endif
                    </div>

                    @if($detail['songwriter_status'] == 'Active' || $detail['songwriter_status'] == 'Inactive')
                        <div class="form-group">
                            <label for="multiple" class="control-label col-md-3">NPWP Number
                            </label>
                            <div class="col-md-6">
                                <input class="form-control" required placeholder="NPWP Number" value="{{$detail['songwriter_npwp']}}" disabled>
                            </div>
                        </div>
                        <div class="form-group">
                            <label for="multiple" class="control-label col-md-3">NPWP Name
                            </label>
                            <div class="col-md-6">
                                <input class="form-control" required placeholder="NPWP Name" value="{{$detail['songwriter_npwp_name']}}" disabled>
                            </div>
                        </div>
                        <div class="form-group">
                            <label for="multiple" class="control-label col-md-3">Bank
                            </label>
                            <div class="col-md-6">
                                <input class="form-control" required placeholder="Bank" value="{{$detail['bank_accounts']['bank_name']??null}}" disabled>
                            </div>
                        </div>
                        <div class="form-group">
                            <label for="multiple" class="control-label col-md-3">Beneficiary Name
                            </label>
                            <div class="col-md-6">
                                <input class="form-control" required placeholder="Beneficiary Name" value="{{$detail['bank_accounts']['beneficiary_name']??null}}" disabled>
                            </div>
                        </div>
                        <div class="form-group">
                            <label for="multiple" class="control-label col-md-3">Beneficiary Number
                            </label>
                            <div class="col-md-6">
                                <input class="form-control" required placeholder="Beneficiary Number" value="{{$detail['bank_accounts']['beneficiary_account']??null}}" disabled>
                            </div>
                        </div>
                        <br>
                        <h3 style="text-align: center">Licence</h3>
                        <hr style="border-top: 2px dashed black;">
                        <br>
                        <div class="form-group">
                            <label for="multiple" class="control-label col-md-3">Klaim hak cipta YouTube
                            </label>
                            <div class="col-md-6" style="margin-top: 0.8%">
                                @if($detail['claim_copyright_youtube'] == 1)
                                    <b style="color: green">Ya</b>
                                @else
                                    <b style="color: red">Tidak</b>
                                @endif
                            </div>
                        </div>
                        <div class="form-group">
                            <label for="multiple" class="control-label col-md-3">Klaim hak cipta DSP Lain
                            </label>
                            <div class="col-md-6" style="margin-top: 0.8%">
                                @if($detail['claim_copyright_dsp'] == 1)
                                    <b style="color: green">Ya</b>
                                @else
                                    <b style="color: red">Tidak</b>
                                @endif
                            </div>
                        </div>
                        <div class="form-group">
                            <label for="multiple" class="control-label col-md-3">Hak Performing
                            </label>
                            <div class="col-md-6" style="margin-top: 0.8%">
                                @if($detail['copyright_performing'] == 1)
                                    <b style="color: green">Ya</b>
                                @else
                                    <b style="color: red">Tidak</b>
                                @endif
                            </div>
                        </div>
                        <div class="form-group">
                            <label for="multiple" class="control-label col-md-3">Izin Merk
                            </label>
                            <div class="col-md-6" style="margin-top: 0.8%">
                                @if($detail['brand_license'] == 1)
                                    <b style="color: green">Ya</b>
                                @else
                                    <b style="color: red">Tidak</b>
                                @endif
                            </div>
                        </div>
                        <div class="form-group">
                            <label for="multiple" class="control-label col-md-3">Proyek Kerjasama Cover
                            </label>
                            <div class="col-md-6" style="margin-top: 0.8%">
                                @if($detail['collaboration_cover'] == 1)
                                    <b style="color: green">Ya</b>
                                @else
                                    <b style="color: red">Tidak</b>
                                @endif
                            </div>
                        </div>
                        <div class="form-group">
                            <label for="multiple" class="control-label col-md-3">Ijin Sinkronisasi
                            </label>
                            <div class="col-md-6" style="margin-top: 0.8%">
                                <b>{{$detail['license_sync']}}</b>
                            </div>
                        </div>
                        <div class="form-group">
                            <label for="multiple" class="control-label col-md-3">Perubahan Liriks
                            </label>
                            <div class="col-md-6" style="margin-top: 0.8%">
                                <b>{{$detail['lyrics_change']}}</b>
                            </div>
                        </div>
                        <br>
                        <h3 style="text-align: center">Statements Checked</h3>
                        <hr style="border-top: 2px dashed black;">
                        <br>
                        @foreach($detail['statements']??[] as $statement)
                            <i class="fa fa-check"></i> {{$statement['statement']}}<br>
                        @endforeach
                    @endif
                </div>
                <input type="hidden" name="action_type" id="action_type">
                {{ csrf_field() }}
                <div class="row" style="text-align: center">
                @if($detail['songwriter_status'] == 'Pending')
                     <a class="btn red save" data-name="{{ $detail['name'] }}" data-status="rejected">Reject</a>
                     <a class="btn green-jungle save" data-name="{{ $detail['name'] }}" data-status="approve">Approve</a>
                @endif
                </div>
            </form>
        </div>
    </div>
@endsection