@extends(backpack_view('layouts.top_left'))
@section('header')
    <section class="container-fluid">

        <div class="d-flex">
        <div class="pd-10 flex-grow-1 display-4">{{ ucfirst($cra->getMonthYear()) }}</div>
            <div class="pd-10">
                <i data-feather="sun"></i> {{ __('admin.cra.working_days') }} : 21
            </div>
            <div class="pd-10">
                <i data-feather="user"></i> {{ __('admin.cra.manager') }} : {{ empty(backpack_user()->manager) ? __('admin.global.none') : backpack_user()->manager->getFullNameAttribute() }}
            </div>
            <div class="pd-10">
                <a href="#" class="btn btn-primary">{{ __('admin.global.download') }}</a>
            </div>
        </div>
    </section>
@endsection
@section('content')
<section class="container-fluid">
    <div class="component-section no-code">
        <form method="POST" action="{{route('cra.update', $cra->id)}}">
            @csrf
            @method('PUT')
        <ul class="nav nav-tabs" id="myTab" role="tablist">
            @foreach (backpack_user()->affair as $affair)
            <li class="nav-item">
            <a class="nav-link{{ $loop->first ? ' active' : '' }}" id="affair-tab-{{ $affair->id }}" data-toggle="tab" href="#affair-{{ $affair->id }}" role="tab" aria-controls="home" aria-selected="true">{{ $affair->label }}</a>
            </li>
            @endforeach
            <li class="nav-item">
                <a class="nav-link" id="notChargeableTab" data-toggle="tab" href="#notChargeable" role="tab" aria-controls="contact" aria-selected="false">Temps non facturable</a>
            </li>
        </ul>
        <div class="tab-content bd bg-white bd-t-0 pd-20" id="myTabContent">
            <div class="tab-pane fade active show" id="affair-{{ $affair->id }}" role="tabpanel" aria-labelledby="affair-tab-{{ $affair->id }}">
                @include('admin.edit.rowCra')
            </div>
            <div class="tab-pane fade" id="notChargeable" role="tabpanel" aria-labelledby="not-chargeable-tab-tab">
                @include('admin.edit.notChargeable')
            </div>
        </div>



        <div class="row no-gutters pd-t-20">
            <div class="offset-10 col-xs-2 col-sm-2 col-md-2 col-lg-2 col-xl-2">
                <i data-feather="plus-circle" class="text-center"></i> Ajouter une ligne
            </div>
        </div>
        <hr class="offset-6 col-xs-5 col-sm-5 col-md-5 col-lg-5 col-xl-5">
        <div class="row">
            <div class="offset-6 col-xs-4 col-sm-4 col-md-4 col-lg-4 col-xl-4">
                <p>Total travaillé: 35h dont 3h d'astreinte et 7 heures supplémentaires</p>
            </div>
            <div class="col-xs-2">
                <p>Total: 5 jours</p>
            </div>
        </div>
        <hr>
        <div class="row component-section no-code">
            <div class="col-12">
                <h5 class="tx-semibold">Veuillez importer vos CRA signés</h4>
                <div class="custom-file">
                    <input type="file" class="custom-file-input" id="customFile">
                    <label class="custom-file-label" for="customFile">Choose file</label>
                </div>
                <hr>
            </div>
            <div class="col-12">
                <h5 class="tx-semibold">Vos CRA signés</h4>
                <i class="fa fa-download"></i> <a href="https://extranet.projets-performance.com/admin/fichiers/2150/download">CRA_UPLOAD_PPM_Mirabile_Thomas_23-01-2020-09-31-32_7815.PNG</a>
            </div>
        </div>
        <div class="row d-flex justify-content-center pd-t-50">
            <div class=" demo-btn-group">
                <button type="submit" class="btn btn-primary">Enregistrer</button>
                <button type="submit" class="btn btn-success">Validation fin de mois</button>
            </div>
        </div>
        </form>
    </div>
</section>
@endsection