@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() {
                            var min = $('#songwriter_range_price_min').val();
                            var max = $('#songwriter_range_price_max').val();
                            if(status == 'approve' && (min === '' || max === '')){

                                swal("Error!", 'Range Price can not be empty', "error")

                            }else{
                                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()
        });

        function changeFromAdmin(val){
            if(val == 0){
                $('#id_brand').attr("disabled", false);
            }else{
                $('#id_brand').attr("disabled", true);
                $('#id_brand').val('').trigger("change")
            }
        }
    </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>

    @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">New Songwriter</span>
            </div>
        </div>
        <div class="portlet-body">
            <form role="form" id="myForm" class="form-horizontal" action="{{url('songwriter/store')}}" method="POST" enctype="multipart/form-data">
                <div class="form-group publisher-status">
                    <label class="col-md-3 text-right control-label">User<span class="required" aria-required="true">*</span></label>
                    <div class="col-md-6">
                        <select name="id_user" class="select2 form-control" data-placeholder="Select User" required>
                            <option></option>
                            @foreach($users as $user)
                                <option value="{{$user['id']}}">{{$user['name']}} - {{$user['phone']}}</option>
                            @endforeach
                        </select>
                    </div>
                </div>
                <div class="form-group">
                    <label class="col-md-3 control-label">
                        Image<span class="required" aria-required="true">*</span>
                    </label>
                    <div class="col-md-8">
                        <div class="fileinput fileinput-new" data-provides="fileinput">
                            <div class="fileinput-new thumbnail" style="width: 200px; height: 200px;">
                                <img src="" alt="">
                            </div>
                            <div class="fileinput-preview fileinput-exists thumbnail" style="max-width: 200px; max-height: 200px;"></div>
                            <div>
                            <span class="btn default btn-file">
                            <span class="fileinput-new"> Select image </span>
                            <span class="fileinput-exists"> Change </span>
                            <input type="file" accept="image/*" class="file" name="image" required>
                            </span>
                                <a href="javascript:;" id="removeImage" class="btn red fileinput-exists" data-dismiss="fileinput"> Remove </a>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="form-group">
                    <div class="input-icon right">
                        <label class="col-md-3 control-label">
                            Publishing from Admin
                            <span class="required" aria-required="true"> * </span>
                        </label>
                    </div>
                    <div class="input-icon right">
                        <div class="col-md-1">
                            <div class="md-radio-inline">
                                <div class="md-radio">
                                    <input type="radio" id="publisher_from_admin_status_1" name="publisher_from_admin_status" class="md-radiobtn req-type" value="1" onclick="changeFromAdmin(this.value)" required>
                                    <label for="publisher_from_admin_status_1" style="color: green">
                                        <span></span>
                                        <span class="check"></span>
                                        <span class="box"></span> <b>Yes</b> </label>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-1">
                            <div class="md-radio-inline">
                                <div class="md-radio">
                                    <input type="radio" id="publisher_from_admin_status_2" name="publisher_from_admin_status" class="md-radiobtn req-type" value="0" onclick="changeFromAdmin(this.value)" required>
                                    <label for="publisher_from_admin_status_2" style="color: red">
                                        <span></span>
                                        <span class="check"></span>
                                        <span class="box"></span> <b>No</b> </label>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="form-group publisher-status">
                    <label class="col-md-3 text-right control-label">Brand Publisher</label>
                    <div class="col-md-6">
                        <select name="id_brand" id="id_brand" class="select2 form-control" data-placeholder="Select publisher">
                            <option></option>
                            @foreach($brands as $brand)
                                <option value="{{$brand['id_brand']}}">{{$brand['name_brand']}}</option>
                            @endforeach
                        </select>
                    </div>
                </div>
                <div class="form-group">
                    <label for="multiple" class="control-label col-md-3">Alias </label>
                    <div class="col-md-6">
                        <input class="form-control" placeholder="Alias" name="professional_name">
                    </div>
                </div>
                <div class="form-group">
                    <label for="multiple" class="control-label col-md-3">Profile Description <span class="required" aria-required="true"> * </span>
                    </label>
                    <div class="col-md-6">
                        <input class="form-control" required placeholder="Profile Description" name="songwriter_description">
                    </div>
                </div>
                <div class="form-group">
                    <label for="multiple" class="control-label col-md-3">Total Song<span class="required" aria-required="true"> * </span>
                    </label>
                    <div class="col-md-6">
                        <input class="form-control" required placeholder="Total Song" name="total_song">
                    </div>
                </div>
                <div class="form-group">
                    <label for="multiple" class="control-label col-md-3">Website <span class="required" aria-required="true"> * </span>
                    </label>
                    <div class="col-md-6">
                        <input class="form-control" required placeholder="Website" name="website">
                    </div>
                </div>
                <div class="form-group">
                    <label for="multiple" class="control-label col-md-3">Range Price <span class="required" aria-required="true"> * </span>
                    </label>
                    <div class="col-md-3" style="margin-top: 0.8%">
                        <div class="input-group">
                        <span class="input-group-addon">
                            min
                        </span>
                            <input type="text" class="form-control price" id="songwriter_range_price_min" name="songwriter_range_price_min">
                        </div>
                    </div>
                    <div class="col-md-3" style="margin-top: 0.8%">
                        <div class="input-group">
                        <span class="input-group-addon">
                            max
                        </span>
                            <input type="text" class="form-control price" id="songwriter_range_price_max" name="songwriter_range_price_max">
                        </div>
                    </div>
                </div>

                <div class="form-group">
                    <label for="multiple" class="control-label col-md-3">NPWP Number <span class="required" aria-required="true"> * </span>
                    </label>
                    <div class="col-md-6">
                        <input class="form-control" required placeholder="NPWP Number" name="songwriter_npwp">
                    </div>
                </div>
                <div class="form-group">
                    <label for="multiple" class="control-label col-md-3">NPWP Name <span class="required" aria-required="true"> * </span>
                    </label>
                    <div class="col-md-6">
                        <input class="form-control" required placeholder="NPWP Name" name="songwriter_npwp_name">
                    </div>
                </div>
                <div class="form-group publisher-status">
                    <label class="col-md-3 text-right control-label">Bank <span class="required" aria-required="true"> * </span></label>
                    <div class="col-md-6">
                        <select name="id_bank_name" class="select2 form-control" data-placeholder="Select Bank">
                            <option></option>
                            @foreach($banks as $bank)
                                <option value="{{$bank['id_bank_name']}}">{{$bank['bank_name']}}</option>
                            @endforeach
                        </select>
                    </div>
                </div>
                <div class="form-group">
                    <label for="multiple" class="control-label col-md-3">Beneficiary Name <span class="required" aria-required="true"> * </span>
                    </label>
                    <div class="col-md-6">
                        <input class="form-control" required placeholder="Beneficiary Name" name="beneficiary_name">
                    </div>
                </div>
                <div class="form-group">
                    <label for="multiple" class="control-label col-md-3">Beneficiary Number <span class="required" aria-required="true"> * </span>
                    </label>
                    <div class="col-md-6">
                        <input class="form-control" required placeholder="Beneficiary Number" name="beneficiary_account">
                    </div>
                </div>
                <div class="form-group">
                    <label for="multiple" class="control-label col-md-3">Attachment
                        <span class="required" aria-required="true"> * </span>
                    </label>
                    <div class="col-md-6">
                        <div class="fileinput fileinput-new" data-provides="fileinput">
                                <div class="input-group input-large">
                                        <div class="form-control uneditable-input input-fixed input-medium" data-trigger="fileinput">
                                                <i class="fa fa-file fileinput-exists"></i>&nbsp;
                                                <span class="fileinput-filename"> </span>
                                        </div>
                                        <span class="input-group-addon btn default btn-file">
                                        <span class="fileinput-new"> Select file </span>
                                        <span class="fileinput-exists"> Change </span>
                                        <input type="file" name="attachment" required> </span>
                                        <a href="javascript:;" class="input-group-addon btn red fileinput-exists" data-dismiss="fileinput"> Remove </a>
                                </div>
                        </div>
                    </div>
                </div>
                <br>
                <h3 style="text-align: center">Policy Licence</h3>
                <hr style="border-top: 2px dashed black;">
                <br>
                <div class="form-group">
                    <div class="input-icon right">
                        <label class="col-md-3 control-label">
                            Klaim hak cipta YouTube
                            <span class="required" aria-required="true"> * </span>
                        </label>
                    </div>
                    <div class="input-icon right">
                        <div class="col-md-1">
                            <div class="md-radio-inline">
                                <div class="md-radio">
                                    <input type="radio" id="song_policy_claim_copyright_youtube_1" name="claim_copyright_youtube" class="md-radiobtn req-type" value="1" required>
                                    <label for="song_policy_claim_copyright_youtube_1" style="color: green">
                                        <span></span>
                                        <span class="check"></span>
                                        <span class="box"></span> <b>Yes</b> </label>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-1">
                            <div class="md-radio-inline">
                                <div class="md-radio">
                                    <input type="radio" id="song_policy_claim_copyright_youtube_2" name="claim_copyright_youtube" class="md-radiobtn req-type" value="0" required >
                                    <label for="song_policy_claim_copyright_youtube_2" style="color: red">
                                        <span></span>
                                        <span class="check"></span>
                                        <span class="box"></span> <b>No</b> </label>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="form-group">
                    <div class="input-icon right">
                        <label class="col-md-3 control-label">
                            Klaim hak cipta DSP lain
                            <span class="required" aria-required="true"> * </span>
                        </label>
                    </div>
                    <div class="input-icon right">
                        <div class="col-md-1">
                            <div class="md-radio-inline">
                                <div class="md-radio">
                                    <input type="radio" id="song_policy_claim_copyright_dsp_1" name="claim_copyright_dsp" class="md-radiobtn req-type" value="1" required>
                                    <label for="song_policy_claim_copyright_dsp_1" style="color: green">
                                        <span></span>
                                        <span class="check"></span>
                                        <span class="box"></span> <b>Yes</b> </label>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-1">
                            <div class="md-radio-inline">
                                <div class="md-radio">
                                    <input type="radio" id="song_policy_claim_copyright_dsp_2" name="claim_copyright_dsp" class="md-radiobtn req-type" value="0" required>
                                    <label for="song_policy_claim_copyright_dsp_2" style="color: red">
                                        <span></span>
                                        <span class="check"></span>
                                        <span class="box"></span> <b>No</b> </label>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="form-group">
                    <div class="input-icon right">
                        <label class="col-md-3 control-label">
                            Hak performing
                            <span class="required" aria-required="true"> * </span>
                        </label>
                    </div>
                    <div class="input-icon right">
                        <div class="col-md-1">
                            <div class="md-radio-inline">
                                <div class="md-radio">
                                    <input type="radio" id="song_policy_copyright_performing_1" name="copyright_performing" class="md-radiobtn req-type" value="1" required>
                                    <label for="song_policy_copyright_performing_1" style="color: green">
                                        <span></span>
                                        <span class="check"></span>
                                        <span class="box"></span> <b>Yes</b> </label>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-1">
                            <div class="md-radio-inline">
                                <div class="md-radio">
                                    <input type="radio" id="song_policy_copyright_performing_2" name="copyright_performing" class="md-radiobtn req-type" value="0" required>
                                    <label for="song_policy_copyright_performing_2" style="color: red">
                                        <span></span>
                                        <span class="check"></span>
                                        <span class="box"></span> <b>No</b> </label>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="form-group">
                    <div class="input-icon right">
                        <label class="col-md-3 control-label">
                            Izin Merk
                            <span class="required" aria-required="true"> * </span>
                        </label>
                    </div>
                    <div class="input-icon right">
                        <div class="col-md-1">
                            <div class="md-radio-inline">
                                <div class="md-radio">
                                    <input type="radio" id="song_policy_brand_license_1" name="brand_license" class="md-radiobtn req-type" value="1" required>
                                    <label for="song_policy_brand_license_1" style="color: green">
                                        <span></span>
                                        <span class="check"></span>
                                        <span class="box"></span> <b>Yes</b> </label>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-1">
                            <div class="md-radio-inline">
                                <div class="md-radio">
                                    <input type="radio" id="song_policy_brand_license_2" name="brand_license" class="md-radiobtn req-type" value="0" required>
                                    <label for="song_policy_brand_license_2" style="color: red">
                                        <span></span>
                                        <span class="check"></span>
                                        <span class="box"></span> <b>No</b> </label>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="form-group">
                    <div class="input-icon right">
                        <label class="col-md-3 control-label">
                            Proyek Kerjasama Cover
                            <span class="required" aria-required="true"> * </span>
                        </label>
                    </div>
                    <div class="input-icon right">
                        <div class="col-md-1">
                            <div class="md-radio-inline">
                                <div class="md-radio">
                                    <input type="radio" id="song_policy_collaboration_cover_1" name="collaboration_cover" class="md-radiobtn req-type" value="1" required>
                                    <label for="song_policy_collaboration_cover_1" style="color: green">
                                        <span></span>
                                        <span class="check"></span>
                                        <span class="box"></span> <b>Yes</b> </label>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-1">
                            <div class="md-radio-inline">
                                <div class="md-radio">
                                    <input type="radio" id="song_policy_collaboration_cover_2" name="collaboration_cover" class="md-radiobtn req-type" value="0" required>
                                    <label for="song_policy_collaboration_cover_2" style="color: red">
                                        <span></span>
                                        <span class="check"></span>
                                        <span class="box"></span> <b>No</b> </label>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="form-group">
                    <label class="col-md-3 text-right control-label">Ijin Sinkronasi
                        <span class="required" aria-required="true"> * </span>
                    </label>
                    <div class="col-md-6">
                        <select name="license_sync" class="select2 form-control" data-placeholder="Select" required>
                            <option></option>
                            <option value="owner permission">Setiap izin harus melalui saya dahulu</option>
                            <option value="timeless permission">Setiap izin bisa diwakilkan oleh timeless</option>
                        </select>
                    </div>
                </div>

                <div class="form-group">
                    <label class="col-md-3 text-right control-label">Perubahan Lirik
                        <span class="required" aria-required="true"> * </span>
                    </label>
                    <div class="col-md-6">
                        <select name="lyrics_change" class="select2 form-control" data-placeholder="Select" required>
                            <option></option>
                            <option value="can change">Pembelian license boleh mengubah lirik</option>
                            <option value="need permission">Perubahan lirik harus izin melalui saya</option>
                            <option value="can not change">Lirik lagi tidak boleh di ubah</option>
                        </select>
                    </div>
                </div>

                {{ csrf_field() }}
                <div class="row" style="text-align: center">
                    <br>
                    <br>
                    <button class="btn green" type="submit">Save</button>
                </div>
            </form>
        </div>
    </div>
@endsection