@extends ('backend.layouts.app')

@section ('title', __('project::labels.backend.project.management'))

@section('breadcrumb-links')
    @include('project::includes.breadcrumb-links')
@endsection

@push('after-styles')

@endpush

@section('content')
<div class="card">
    <div class="card-body">
        <div class="row">
            <div class="col-sm-5">
                <h4 class="card-title mb-0">
                    {{ __('project::labels.backend.project.management') }}
                    <small class="text-muted">{{ __('project::labels.backend.project.show') }}</small>
                </h4>
            </div><!--col-->
        </div><!--row-->

        <div class="row mt-4 mb-4">
            <div class="col">
                <div class="table-responsive">
                    <table class="table table-hover">
                        <tr>
                            <th>{{ __('project::labels.backend.project.table.app_id') }}</th>
                            <td>{{ $project->app_id }}</td>
                        </tr>
                         <tr>
                            <th>{{ __('project::labels.backend.project.table.app_screct') }}</th>
                            <td>
                                <div class="input-group mb-3">
                                {{ 
                                    html()->text('app_id')
                                    ->class('form-control')
                                    ->value($project->app_screct)
                                    ->placeholder(__('project::labels.backend.project.table.app_id'))
                                    ->attribute('aria-label', __('project::labels.backend.project.table.app_id'))
                                    ->attribute('type', 'password')
                                    ->attribute('id', 'show_app_id')
                                    ->attribute('readOnly', true)
                                 }}
                                 <div class="input-group-append">
                                    <button class="btn btn-danger" id="show_button" type="button">Show</button>
                                  </div>
                                </div>
                            </td>
                        </tr>
                         <tr>
                            <th>{{ __('project::labels.backend.project.table.app_ref') }}</th>
                            <td>{{ $project->app_ref }}</td>
                        </tr>
                         <tr>
                            <th>{{ __('project::labels.backend.project.table.platform_type') }}</th>
                            <td>{{ $project->platform_type }}</td>
                        </tr>
                         <tr>
                            <th>{{ __('project::labels.backend.project.table.logo') }}</th>
                            <td>
                                @if($project->logo)
                                <img src="{{ $project->logo }}" class="img-thumbnail" width="200px" >
                                @endif
                            </td>
                        </tr>
                         <tr>
                            <th>{{ __('project::labels.backend.project.table.site_url') }}</th>
                            <td>{{ $project->site_url }}</td>
                        </tr>
                         <tr>
                            <th>{{ __('project::labels.backend.project.table.frontend_callback') }}</th>
                            <td>{{ $project->frontend_callback }}</td>
                        </tr>
                         <tr>
                            <th>{{ __('project::labels.backend.project.table.backend_callback') }}</th>
                            <td>{{ $project->backend_callback }}</td>
                        </tr>
                         <tr>
                            <th>{{ __('project::labels.backend.project.table.notify_callback') }}</th>
                            <td>{{ $project->notify_callback }}</td>
                        </tr>
                         <tr>
                            <th>{{ __('project::labels.backend.project.table.name') }}</th>
                            <td>{{ $project->name }}</td>
                        </tr>
                         <tr>
                            <th>{{ __('project::labels.backend.project.table.description') }}</th>
                            <td>{{ $project->description }}</td>
                        </tr>
                         <tr>
                            <th>{{ __('project::labels.backend.project.table.currency') }}</th>
                            <td>{{ $project->currency }}</td>
                        </tr>
                         <tr>
                            <th>{{ __('project::labels.backend.project.table.charge_type') }}</th>
                            <td>{{ $project->charge_type }}</td>
                        </tr>
                         <tr>
                            <th>{{ __('project::labels.backend.project.table.charge_amount') }}</th>
                            <td>{{ $project->charge_amount }}</td>
                        </tr>
                    </table>
                    <h3>Client Informations</h3>
                    <table class="table table-hover">
                        <tr>
                            <th>{{ __('client::labels.backend.client.table.merchant_name') }}</th>
                            <td>{{ $project->client->merchant_name }}</td>
                        </tr>
                        <tr>
                            <th>{{ __('client::labels.backend.client.table.trading_name') }}</th>
                            <td>{{ $project->client->trading_name }}</td>
                        </tr>
                        <tr>
                            <th>{{ __('client::labels.backend.client.table.mechant_id') }}</th>
                            <td>{{ $project->client->mechant_id }}</td>
                        </tr>
                        <tr>
                            <th>{{ __('client::labels.backend.client.table.contact_person') }}</th>
                            <td>{{ $project->client->contact_person }}</td>
                        </tr>
                        <tr>
                            <th>{{ __('client::labels.backend.client.table.contact_person_email') }}</th>
                            <td>{{ $project->client->contact_person_email }}</td>
                        </tr>
                        <tr>
                            <th>{{ __('client::labels.backend.client.table.support_person_email') }}</th>
                            <td>{{ $project->client->support_person_email }}</td>
                        </tr>
                        <tr>
                            <th>{{ __('client::labels.backend.client.table.mobile') }}</th>
                            <td>{{ $project->client->mobile }}</td>
                        </tr>
                        <tr>
                            <th>{{ __('client::labels.backend.client.table.fax') }}</th>
                            <td>{{ $project->client->fax }}</td>
                        </tr>
                        <tr>
                            <th>{{ __('client::labels.backend.client.table.address') }}</th>
                            <td>{!! $project->client->address !!}</td>
                        </tr>
                    </table>
                </div>
            </div><!--col-->
        </div><!--row-->
    </div><!--card-body-->

    <div class="card-footer">
        <div class="row">
            <div class="col">
                <small class="float-right text-muted">
                    <strong>{{ __('project::labels.backend.project.table.created') }}:</strong> {{ $project->created_at->timezone(get_user_timezone()) }} ({{ $project->created_at->diffForHumans() }}),
                    <strong>{{ __('project::labels.backend.project.table.last_updated') }}:</strong> {{ $project->updated_at->timezone(get_user_timezone()) }} ({{ $project->updated_at->diffForHumans() }})
                </small>
            </div><!--col-->
        </div><!--row-->
    </div><!--card-footer-->
</div><!--card-->
@endsection

@push('after-scripts')

<script>

$(document).ready(function() {
   $('#show_button').click(function(){
        var show_app_type = $('#show_app_id').attr('type');
        if(show_app_type == 'password'){
            $('#show_app_id').attr('type','text');
            $(this).html('Hide');
        }
        else{
            $('#show_app_id').attr('type','password');
            $(this).html('Show');
        }
   });
   ;
});

</script>
@endpush