@extends('layouts.app')

@section('title', 'App Version')
@section('breadcrumb', 'Application Setting')
@section('sub-breadcrumb')
    {{-- <span class="kt-subheader__breadcrumbs-separator"></span> --}}
    <a class="kt-subheader__breadcrumbs-link">
        App Version
    </a>
@endsection
@section('app-version-setting', 'kt-menu__item--active')
@section('content')
    <div class="col-md-12">
       {{-- Begin:: Version List  --}}
        <div class="kt-portlet">
            <div class="kt-portlet__head">
                <div class="kt-portlet__head-label">
                    <h3 class="kt-portlet__head-title">
                        <i class="flaticon-cogwheel"></i> Version List
                    </h3>
                </div>
            </div>
            <div class="kt-portlet__body">
                @include('layouts.notification')
                <ul class="nav nav-tabs  nav-tabs-line nav-tabs-line-success" role="tablist">
                    <li class="nav-item">
                        <a class="nav-link active" data-toggle="tab" href="#android" role="tab">
                            <i class="la la-android"></i> Android
                        </a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" data-toggle="tab" href="#ios" role="tab">
                            <i class="la la-apple"></i> ios
                        </a>
                    </li>
                </ul>
                <div class="tab-content">
                   {{-- Begin: Tab Android --}}
                    <div class="tab-pane active" id="android" role="tabpanel">
                        <table class="table">
                            <thead>
                                <tr>
                                    <th>Date Published</th>
                                    <th>App Version</th>
                                    <th>Build Version</th>
                                    <th>Force</th>
                                    <th><i class="fa fa-cog"></i> Action</th>
                                </tr>
                            </thead>
                            <tbody>
                                <tr>
                                    <form action="{{route('setting.app.version.store')}}" method="POST">
                                        @csrf
                                        <input type="hidden" name="app_type" value="Android">
                                        <td>
                                            <input type="text" name="date_published" class="form-control"  data-date-format="dd/mm/yyyy"  id="datepicker" autocomplete="off" placeholder="{{date('d/m/Y')}}" value="{{date('d/m/Y')}}">
                                        </td>
                                        <td>
                                            <input type="text" name="app_version" class="form-control" placeholder="App Version">
                                        </td>
                                        <td>
                                            <input type="text" name="build_version" class="form-control" placeholder="Build Version">
                                        </td>
                                        <td style="witdh:2000px;">
                                            <select class="form-control" name="force_status">
                                                <option value="Default" selected="">Default</option>
                                                <option value="Supported">Supported</option>
                                                <option value="Not Supported">Not Supported</option>
                                            </select>
                                        </td>
                                        <td><input type="submit" class="form-control btn-primary" value="Save"></td>
                                    </form>
                                </tr>

                                @foreach ($android['result'] as $value)
                                    <tr>
                                        <td>
                                            @php
                                                $date = strtr($value['date_published'], '/', '-');
                                            @endphp
                                            {{date('l, d F Y', strtotime($date))}}
                                        </td>
                                        <td>
                                            {{$value['app_version']}}
                                        </td>
                                        <td>
                                            {{$value['build_version']}}
                                        </td>
                                        <td>
                                            {{$value['force_status']}}
                                        </td>
                                        <td>
                                            <a class="edit-modal" data-toggle="modal" data-target="#androidUpdate{{$value['id']}}"><i class='fa fa-edit text-warning'></i></a> |
                                            <a class='btn-delete edit-modal'  data-toggle="modal" data-target="#androidDelete{{$value['id']}}"><i class='fa fa-trash text-danger'></i></a>
                                        </td>
                                    </tr>
                                @endforeach
                            </tbody>
                        </table>
                    </div>
                   {{-- End: Tab Android --}}

                   {{-- Begin: Tab IOS --}}
                    <div class="tab-pane" id="ios" role="tabpanel">
                        <table class="table">
                            <thead>
                                <tr>
                                    <th>Date Published</th>
                                    <th>App Version</th>
                                    <th>Build Version</th>
                                    <th>Force</th>
                                    <th><i class="fa fa-cog"></i> Action</th>
                                </tr>
                            </thead>
                            <tbody>
                                <tr>
                                    <form action="{{route('setting.app.version.store')}}" method="POST">
                                        @csrf
                                        <input type="hidden" name="app_type" value="IOS">
                                        <td>
                                            <input type="text" name="date_published" class="form-control"  data-date-format="dd/mm/yyyy"  id="datepicker" autocomplete="off" placeholder="{{date('d/m/Y')}}" value="{{date('d/m/Y')}}">
                                        </td>
                                        <td>
                                            <input type="text" name="app_version" class="form-control" placeholder="App Version">
                                        </td>
                                        <td>
                                            <input type="text" name="build_version" class="form-control" placeholder="Build Version">
                                        </td>
                                        <td style="witdh:2000px;">
                                            <select class="form-control" name="force_status">
                                                <option value="Default" selected="">Default</option>
                                                <option value="Supported">Supported</option>
                                                <option value="Not Supported">Not Supported</option>
                                            </select>
                                        </td>
                                        <td><input type="submit" class="form-control btn-primary" value="Save"></td>
                                    </form>
                                </tr>

                                @foreach ($ios['result'] as $value)
                                    <tr>
                                        <td>
                                            @php
                                                $date = strtr($value['date_published'], '/', '-');
                                            @endphp
                                            {{date('l, d F Y', strtotime($date))}}
                                        </td>
                                        <td>
                                            {{$value['app_version']}}
                                        </td>
                                        <td>
                                            {{$value['build_version']}}
                                        </td>
                                        <td>
                                            {{$value['force_status']}}
                                        </td>
                                        <td>
                                            <a class="edit-modal" data-toggle="modal" data-target="#iosUpdate{{$value['id']}}"><i class='fa fa-edit text-warning'></i></a> |
                                            <a class='btn-delete edit-modal'  data-toggle="modal" data-target="#iosDelete{{$value['id']}}"><i class='fa fa-trash text-danger'></i></a>
                                        </td>
                                    </tr>
                                @endforeach
                            </tbody>
                        </table>
                    </div>
                   {{-- End: Tab IOS --}}
                </div>

                <div class="kt-separator kt-separator--dashed"></div>
            </div>
        </div>
       {{-- End:: Version List --}}

       {{-- Begin:: Version Setting --}}
        <div class="kt-portlet">
            <div class="kt-portlet__head">
                <div class="kt-portlet__head-label">
                    <h3 class="kt-portlet__head-title">
                        <i class="flaticon-settings"></i> Version Setting
                    </h3>
                </div>
            </div>
            <div class="kt-portlet__body">
                <form action="{{route('setting.app.version.setting.update')}}" method="POST">
                    @csrf
                    <div class="col-md-12">
                        <div class="row">
                            <div class="col-md-6 form-group m-0">
                                <div class="kt-section">
                                    <div class="kt-section__content kt-section__content--solid">
                                        Android will support how many latest version? <span style="color:red;">*</span>
                                        <i class="fa fa-question-circle" title="" data-container="body" data-toggle="kt-tooltip" data-placement="top" data-original-title="Berapa versi rilis di platform Android yang akan disupport kebelakang?"></i>
                                    <input type="text" class="form-control mt-2" name="version_android_support" value="{{$setting['result'][0]['value']}}">
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-6 form-group  m-0">
                                <div class="kt-section">
                                    <div class="kt-section__content kt-section__content--solid">
                                        IOS will support how many latest version? <span style="color:red;">*</span>
                                        <i class="fa fa-question-circle" title="" data-container="body" data-toggle="kt-tooltip" data-placement="top" data-original-title="Berapa versi rilis di platform IOS yang akan disupport kebelakang?"></i>
                                        <input type="text" class="form-control mt-2" name="version_ios_support"  value="{{$setting['result'][1]['value']}}">
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-12">
                        <div class="row">
                            <div class="col-md-6 form-group m-0">
                                <div class="kt-section">
                                    <div class="kt-section__content kt-section__content--solid">
                                        Playstore URL
                                        <i class="fa fa-question-circle" title="" data-container="body" data-toggle="kt-tooltip" data-placement="top" data-original-title="URL Playstore yang akan diakses ketika tombol diklik nanti"></i>
                                    <input type="text" class="form-control mt-2" name="version_playstore" value="{{$setting['result'][5]['value']}}">
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-6 form-group m-0">
                                <div class="kt-section">
                                    <div class="kt-section__content kt-section__content--solid">
                                        App Store
                                        <i class="fa fa-question-circle" title="" data-container="body" data-toggle="kt-tooltip" data-placement="top" data-original-title="URL App Store yang akan diakses ketika tombol diklik nanti"></i>
                                        <input type="text" class="form-control mt-2" name="version_appstore"  value="{{$setting['result'][6]['value']}}">
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-12">
                        <div class="row">
                            <div class="col-md-2">
                                <input type="submit" class="form-control btn-primary" value="Save">
                            </div>
                            <div class="col-md-2">
                                <input type="reset" class="form-control btn-secondary" value="Reset">
                            </div>
                        </div>
                    </div>
                </form>
                <div class="kt-separator kt-separator--dashed"></div>
            </div>
        </div>
       {{-- End:: Version Setting --}}

       {{-- Begin:: Block Page Setting --}}
        <div class="kt-portlet">
            <div class="kt-portlet__head">
                <div class="kt-portlet__head-label">
                    <h3 class="kt-portlet__head-title">
                        <i class="flaticon-circle"></i> Block Page Setting
                    </h3>
                </div>
            </div>
            <div class="kt-portlet__body">
                <form action="{{route('setting.app.version.block.update')}}" method="POST" enctype="multipart/form-data">
                    @csrf
                    <div class="col-md-6">
                        <div class="form-group">
                            <label>
                                Text <span style="color:red;">*</span>
                                <i class="fa fa-question-circle" title="" data-container="body" data-toggle="kt-tooltip" data-placement="top" data-original-title="Teks yang ditampilkan ketika block page ditampilkan"></i>
                            </label>
                            <input type="text" class="form-control" name="version_text_alert" value="{{$setting['result'][3]['value']}}">
                        </div>

                        <div class="form-group">
                            <label>
                                image <span style="color:red;">*</span>
                                <i class="fa fa-question-circle" title="" data-container="body" data-toggle="kt-tooltip" data-placement="top" data-original-title="Gambar/Logo yang ditampilkan"></i>
                            </label><br/>
                            @if($setting['result'][8]['value'] == null)
									<img src="https://vignette.wikia.nocookie.net/simpsons/images/6/60/No_Image_Available.png/revision/latest?cb=20170219125728" id="autocrm_push_image" style="height:100px" />
                            @else
                                <img src="{{env('AWS_URL').$setting['result'][8]['value'] }}" id="autocrm_push_image" style="height:100px"/>
                            @endif
                            {{-- <img src="#" alt=""><br/> --}}
                            <input type="file" class="form-control" name="version_image" >
                        </div>

                        <div class="form-group">
                            <label>
                                Button Text <span style="color:red;">*</span>
                                <i class="fa fa-question-circle" title="" data-container="body" data-toggle="kt-tooltip" data-placement="top" data-original-title="Teks pada button yang akan di klik"></i>
                            </label>
                            <input type="text" class="form-control" name="version_text_button" value="{{$setting['result'][4]['value']}}">
                        </div>
                        <div class="row">
                            <div class="col-md-4">
                                <input type="submit" class="form-control btn-primary" value="Save">
                            </div>
                            <div class="col-md-4">
                                <input type="reset" class="form-control btn-secondary" value="Reset">
                            </div>
                        </div>
                    </div>
                </form>
            <div class="kt-separator kt-separator--dashed"></div>
            </div>
        </div>
       {{-- End:: Block Page Setting --}}
    </div>

    @foreach ($android['result'] as $value)
        <div class="modal fade" id="androidUpdate{{$value['id']}}" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
            <div class="modal-dialog" role="document">
                <div class="modal-content">
                    <div class="modal-header">
                        <h5 class="modal-title" id="exampleModalLabel">Edit App Version</h5>
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                        </button>
                    </div>
                    <form action="{{route('setting.app.version.update')}}" method="POST">
                        @csrf
                        <input type="hidden" name="id" value="{{$value['id']}}">
                        <input type="hidden" name="app_type" value="Android">
                    <div class="modal-body">
                        <div class="form-group">
                            <label> Date Published</label>
                            <input type="text" name="date_published" class="form-control"  data-date-format="dd/mm/yyyy"  id="datepickeredit{{$value['id']}}" autocomplete="off" placeholder="{{date('d/m/Y')}}" value="{{date('d/m/Y', strtotime($value['date_published']))}}">
                        </div>
                        <div class="form-group">
                            <label> App Version</label>
                            <input type="text" name="app_version" class="form-control" placeholder="App Version" value="{{$value['app_version']}}">
                        </div>
                        <div class="form-group">
                            <label> Build Version</label>
                            <input type="text" name="build_version" class="form-control" placeholder="Build Version" value="{{$value['build_version']}}">
                        </div>
                        <div class="form-group">
                            <label> Force Status</label>
                            <select class="form-control" name="force_status">
                                <option value="Default" {{($value['force_status'] == "Default") ? 'selected' : ''}}>Default</option>
                                <option value="Supported" {{($value['force_status'] == "Supported") ? 'selected' : ''}}>Supported</option>
                                <option value="Not Supported" {{($value['force_status'] == "Not Supported") ? 'selected' : ''}}>Not Supported</option>
                            </select>
                        </div>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
                        <button type="submit" class="btn btn-warning text-white"><i class="flaticon-edit"></i>Edit</button>
                    </div>
                    </form>
                </div>
            </div>
        </div>

        <div class="modal fade" id="androidDelete{{$value['id']}}" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
            <div class="modal-dialog modal-dialog-centered" role="document">
                <div class="modal-content">
                    <div class="modal-header">
                        <h5 class="modal-title" id="exampleModalLabel">Delete App Version</h5>
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                        </button>
                    </div>
                    <form action="{{route('setting.app.version.delete')}}" method="POST">
                        @csrf
                        <input type="hidden" name="id" value="{{$value['id']}}"">
                    <div class="modal-body">
                        Are you sure want to delete version controll <strong>{{$value['app_version']}}</strong>?
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
                        <button type="submit" class="btn btn-danger text-white"><i class="flaticon2-trash"></i>Delete</button>
                    </div>
                    </form>
                </div>
            </div>
        </div>
    @endforeach

    @foreach ($ios['result'] as $value)
        <div class="modal fade" id="iosUpdate{{$value['id']}}" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
            <div class="modal-dialog" role="document">
                <div class="modal-content">
                    <div class="modal-header">
                        <h5 class="modal-title" id="exampleModalLabel">Edit App Version</h5>
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                        </button>
                    </div>
                    <form action="{{route('setting.app.version.update')}}" method="POST">
                        @csrf
                        <input type="hidden" name="id" value="{{$value['id']}}">
                        <input type="hidden" name="app_type" value="IOS">
                    <div class="modal-body">
                        <div class="form-group">
                            <label> Date Published</label>
                            <input type="text" name="date_published" class="form-control"  data-date-format="dd/mm/yyyy"  id="datepickeredit{{$value['id']}}" autocomplete="off" placeholder="{{date('d/m/Y')}}" value="{{date('d/m/Y', strtotime($value['date_published']))}}">
                        </div>
                        <div class="form-group">
                            <label> App Version</label>
                            <input type="text" name="app_version" class="form-control" placeholder="App Version" value="{{$value['app_version']}}">
                        </div>
                        <div class="form-group">
                            <label> Build Version</label>
                            <input type="text" name="build_version" class="form-control" placeholder="Build Version" value="{{$value['build_version']}}">
                        </div>
                        <div class="form-group">
                            <label> Force Status</label>
                            <select class="form-control" name="force_status">
                                <option value="Default" {{($value['force_status'] == "Default") ? 'selected' : ''}}>Default</option>
                                <option value="Supported" {{($value['force_status'] == "Supported") ? 'selected' : ''}}>Supported</option>
                                <option value="Not Supported" {{($value['force_status'] == "Not Supported") ? 'selected' : ''}}>Not Supported</option>
                            </select>
                        </div>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
                        <button type="submit" class="btn btn-warning text-white"><i class="flaticon-edit"></i>Edit</button>
                    </div>
                    </form>
                </div>
            </div>
        </div>

        <div class="modal fade" id="iosDelete{{$value['id']}}" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
            <div class="modal-dialog modal-dialog-centered" role="document">
                <div class="modal-content">
                    <div class="modal-header">
                        <h5 class="modal-title" id="exampleModalLabel">Delete App Version</h5>
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                        </button>
                    </div>
                    <form action="{{route('setting.app.version.delete')}}" method="POST">
                        @csrf
                        <input type="hidden" name="id" value="{{$value['id']}}"">
                    <div class="modal-body">
                        Are you sure want to delete version controll <strong>{{$value['app_version']}}</strong>?
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
                        <button type="submit" class="btn btn-danger text-white"><i class="flaticon2-trash"></i>Delete</button>
                    </div>
                    </form>
                </div>
            </div>
        </div>
    @endforeach
@endsection
@section('custom-script')
    <script>
        $(function(){
            $("#datepicker").datepicker();
        });
    </script>
        @foreach ($android['result'] as $value)
            <script>
                $(function(){
                    $("#datepickeredit{{$value['id']}}").datepicker();
                });
            </script>
        @endforeach
@endsection