@extends('branch.layouts.index')

@section('content')

<ul class="nav nav-tabs">
    <li class="nav-item"><a class="nav-link {{ current_tab('#general') }}" data-toggle="tab" href="#general">@lang('global.general_information')</a></li>
    <li class="nav-item"><a class="nav-link {{ current_tab('#services') }}" data-toggle="tab" href="#services"> {{ $branch->settings->portfolio->services_title->{$locale} }}</a></li>
    <li class="nav-item"><a class="nav-link {{ current_tab('#advertisments') }}" data-toggle="tab" href="#advertisments">@lang('global.advertisments')</a></li>
</ul>

<div class="tab-content">
    <div class="tab-pane fade {{ current_tab('#general') }}" id="general" role="tabpanel">
        <x-dashboard.form.form :action='route("branch.portfolio.general.update")' method="PATCH">
            <x-dashboard.form.input name="facebook" :required="false" :value="$branch->settings->portfolio->facebook" />
            <x-dashboard.form.input name="instagram" :required="false" :value="$branch->settings->portfolio->instagram" />
            <x-dashboard.form.input name="twitter" :required="false" :value="$branch->settings->portfolio->twitter" />
            <x-dashboard.form.input name="linkedin" :required="false" :value="$branch->settings->portfolio->linkedin" />
            <x-dashboard.form.input name="youtube" :required="false" :value="$branch->settings->portfolio->youtube" />
            <x-dashboard.form.input name="snapchat" :required="false" :value="$branch->settings->portfolio->snapchat" />
            <x-dashboard.form.input name="tiktok" :required="false" :value="$branch->settings->portfolio->tiktok" />
            <x-dashboard.form.input name="phone" :required="false" :value="$branch->settings->portfolio->phone" class="intl-tel-input" />
            <x-dashboard.form.input name="email" type='email' :required="false" :value="$branch->settings->portfolio->email" />
            <x-dashboard.form.textarea name="about[ar]" :title="__('validation.attributes.about') . ' ( ' . __('global.arabic') . ' )'" :required="false" :value="$branch->settings->portfolio->about->ar" />
            <x-dashboard.form.textarea name="about[en]" :title="__('validation.attributes.about') . ' ( ' . __('global.english') . ' )'" :required="false" :value="$branch->settings->portfolio->about->en" />
            <x-dashboard.form.button />
        </x-dashboard.form.form>
    </div>

    <div class="tab-pane fade {{ current_tab('#services') }}" id="services" role="tabpanel">
        <x-dashboard.form.form :action='route("branch.portfolio.services.update")' method="PATCH">
            <div id="services" class="col-12">
                <div class="row">
                    <x-dashboard.form.input name="services_title[en]" :title="__('validation.attributes.services_title') . ' ( ' . __('global.english') . ' )'" :value="$branch->settings->portfolio?->services_title->en" />
                    <x-dashboard.form.input name="services_title[ar]" :title="__('validation.attributes.services_title') . ' ( ' . __('global.arabic') . ' )'" :value="$branch->settings->portfolio?->services_title->ar" />
                </div>

                <h4 class="mt-3">
                    <button id="addBranchPortfolioServiceButton" data-services-max-index="{{ count($branch->settings->portfolio->services) }}" class="btn btn-success" type="button">
                        <i class="las la-plus-circle"></i> @lang('global.add')
                    </button>
                </h4>

                <div class="table-responsive mt-3">
                    <table class="table table-striped table-bordered dt">
                        <thead>
                            <tr>
                                <th>@lang('validation.attributes.title') (@lang('global.arabic')) <span class="text-danger">*</span> </th>
                                <th>@lang('validation.attributes.title') (@lang('global.english')) <span class="text-danger">*</span> </th>
                                <th>@lang("validation.attributes.link") <span class="text-danger">*</span></th>
                                <th class="w-400px">@lang("validation.attributes.image") <span class="text-danger">*</span></th>
                                <th>@lang("global.actions")</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach ($branch->settings->portfolio->services as $index => $service)
                            @include('branch.portfolio.helpers.service',['service' => $service,'service_index' => $index])
                            @endforeach
                        </tbody>
                    </table>
                </div>
            </div>
            <x-dashboard.form.button container-classes='' input-width='' />
        </x-dashboard.form.form>
    </div>

    <div class="tab-pane fade {{ current_tab('#advertisments') }}" id="advertisments" role="tabpanel">
        <x-dashboard.form.form :action='route("branch.portfolio.advertisments.update")' method="PATCH">
            <h4 class="mt-3">
                <button id="addBranchPortfolioAdvertismentButton" data-advertisments-max-index="{{ count($branch->settings->portfolio->advertisments) }}" class="btn btn-success" type="button">
                    <i class="las la-plus-circle"></i> @lang('global.add')
                </button>
            </h4>

            <div class="table-responsive mt-3">
                <table class="table table-striped table-bordered dt">
                    <thead>
                        <tr>
                            <th class="w-400px">@lang("validation.attributes.image") <span class="text-danger">*</span></th>
                            <th>@lang("validation.attributes.link")</th>
                            <th>@lang("validation.attributes.start_date")</th>
                            <th>@lang("validation.attributes.end_date")</th>
                            <th>@lang("global.location_of_advertisement") <span class="text-danger">*</span></th>
                            <th>@lang("global.actions")</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach ($branch->settings->portfolio->advertisments as $index => $advertisment)
                        @include('branch.portfolio.helpers.advertisment',['advertisment' => $advertisment,'advertisment_index' => $index,])
                        @endforeach
                    </tbody>
                </table>
            </div>

            <x-dashboard.form.button container-classes='' input-width='' />
        </x-dashboard.form.form>
    </div>
</div>

@endsection